@@ -135,23 +135,23 @@ export const TanStackDevtools = ({
135135 typeof plugin . name === 'string'
136136 ? plugin . name
137137 : ( e , theme ) => {
138- const id = e . getAttribute ( 'id' ) !
139- const target = e . ownerDocument . getElementById ( id )
140-
141- if ( target ) {
142- setTitleContainers ( ( prev ) => ( {
143- ...prev ,
144- [ id ] : e ,
145- } ) )
146- }
147-
148- convertRender (
149- plugin . name as PluginRender ,
150- setTitleComponents ,
151- e ,
152- theme ,
153- )
154- } ,
138+ const id = e . getAttribute ( 'id' ) !
139+ const target = e . ownerDocument . getElementById ( id )
140+
141+ if ( target ) {
142+ setTitleContainers ( ( prev ) => ( {
143+ ...prev ,
144+ [ id ] : e ,
145+ } ) )
146+ }
147+
148+ convertRender (
149+ plugin . name as PluginRender ,
150+ setTitleComponents ,
151+ e ,
152+ theme ,
153+ )
154+ } ,
155155 render : ( e , theme ) => {
156156 const id = e . getAttribute ( 'id' ) !
157157 const target = e . ownerDocument . getElementById ( id )
@@ -182,7 +182,6 @@ export const TanStackDevtools = ({
182182 } )
183183 } , [ config , eventBusConfig , pluginsMap ] )
184184
185-
186185 useEffect ( ( ) => {
187186 devtoolInstance . current ?. setConfig ( {
188187 plugins : pluginsMap ,
@@ -212,14 +211,14 @@ export const TanStackDevtools = ({
212211
213212 { hasPlugins
214213 ? Object . entries ( pluginContainers ) . map ( ( [ key , pluginContainer ] ) =>
215- createPortal ( < > { PluginComponents [ key ] } </ > , pluginContainer ) ,
216- )
214+ createPortal ( < > { PluginComponents [ key ] } </ > , pluginContainer ) ,
215+ )
217216 : null }
218217
219218 { hasTitles
220219 ? Object . entries ( titleContainers ) . map ( ( [ key , titleContainer ] ) =>
221- createPortal ( < > { TitleComponents [ key ] } </ > , titleContainer ) ,
222- )
220+ createPortal ( < > { TitleComponents [ key ] } </ > , titleContainer ) ,
221+ )
223222 : null }
224223 </ >
225224 )
0 commit comments