revert provider location

Author: AlemTuzlak

packages/react-router-devtools/src/client/embedded-dev-tools.tsx

@@ -11,6 +11,7 @@ import type { ReactRouterDevtoolsProps } from "./react-router-dev-tools.js"
 // Import to ensure global reset styles are injected
 import "./styles/use-styles.js"
 import { devtoolsEventClient } from "@tanstack/devtools-client"
+import { RequestProvider } from "./context/requests/request-context.js"
 import { REACT_ROUTER_DEV_TOOLS } from "./utils/storage.js"
 export interface EmbeddedDevToolsProps extends ReactRouterDevtoolsProps {
 	mainPanelClassName?: string
@@ -66,7 +67,9 @@ const EmbeddedDevTools = ({ config, mainPanelClassName, className }: EmbeddedDev
 
 	return (
 		<RDTContextProvider config={config}>
-			<Embedded mainPanelClassName={mainPanelClassName} className={className} />
+			<RequestProvider>
+				<Embedded mainPanelClassName={mainPanelClassName} className={className} />
+			</RequestProvider>
 		</RDTContextProvider>
 	)
 }

packages/react-router-devtools/src/client/tabs/NetworkTab.tsx

@@ -1,20 +1,12 @@
 import { TabHeader } from "../components/TabHeader.js"
 import { Icon } from "../components/icon/Icon.js"
 import NetworkPanel from "../components/network-tracer/NetworkPanel.js"
-import { RequestProvider, useRequestContext } from "../context/requests/request-context.js"
+import { useRequestContext } from "../context/requests/request-context.js"
 import { useStyles } from "../styles/use-styles.js"
 
 export const NetworkTab = () => {
-	return (
-		<RequestProvider>
-			<NetworkTabBase />
-		</RequestProvider>
-	)
-}
-const NetworkTabBase = () => {
 	const { styles } = useStyles()
 	const { requests, removeAllRequests, isLimitReached } = useRequestContext()
-
 	return (
 		<div className={styles.networkTab.wrapper}>
 			<TabHeader