fix: Fix devtools when using shadowdom (#4212)

Co-authored-by: Joshua Coffee <joshcoffee@gannett.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: 3 people

packages/router-devtools-core/src/TanStackRouterDevtoolsCore.tsx

@@ -1,5 +1,6 @@
 import { createSignal, lazy } from 'solid-js'
 import { render } from 'solid-js/web'
+import { ShadowDomTargetContext } from './context'
 import type { AnyRouter } from '@tanstack/router-core'
 import type { Signal } from 'solid-js'
 
@@ -104,17 +105,19 @@ class TanStackRouterDevtoolsCore {
       }
 
       return (
-        <Devtools
-          position={position}
-          initialIsOpen={initialIsOpen}
-          shadowDOMTarget={shadowDOMTarget}
-          router={router}
-          routerState={routerState}
-          panelProps={panelProps}
-          closeButtonProps={closeButtonProps}
-          toggleButtonProps={toggleButtonProps}
-          containerElement={containerElement}
-        />
+        <ShadowDomTargetContext.Provider value={shadowDOMTarget}>
+          <Devtools
+            position={position}
+            initialIsOpen={initialIsOpen}
+            router={router}
+            routerState={routerState}
+            shadowDOMTarget={shadowDOMTarget}
+            panelProps={panelProps}
+            closeButtonProps={closeButtonProps}
+            toggleButtonProps={toggleButtonProps}
+            containerElement={containerElement}
+          />
+        </ShadowDomTargetContext.Provider>
       )
     }, el)