fix issue with statenodes

Author: AlemTuzlak

packages/react-router-devtools/src/client/hooks/useReactTreeListeners.ts

@@ -21,7 +21,7 @@ export function useFindRouteOutlets() {
 	const styleNearestElement = useCallback((fiberNode: any) => {
 		if (!fiberNode) return
 
-		if (fiberNode.stateNode) {
+		if (typeof fiberNode?.stateNode?.classList?.add === "function") {
 			return fiberNode.stateNode.classList.add(ROUTE_CLASS)
 		}
 		styleNearestElement(fiberNode.child)

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

@@ -19,21 +19,21 @@ export const tabs = [
 		name: "Active page",
 		icon: <Icon size="md" name="Layers" />,
 		id: "page",
-		component: PageTab,
+		component: () => <PageTab />,
 		hideTimeline: false,
 	},
 	{
 		name: "Routes",
 		icon: <Icon size="md" name="GitMerge" />,
 		id: "routes",
-		component: RoutesTab,
+		component: () => <RoutesTab />,
 		hideTimeline: false,
 	},
 	{
 		name: "Network",
 		icon: <Icon size="md" name="Network" />,
 		id: "network",
-		component: NetworkTab,
+		component: () => <NetworkTab />,
 
 		hideTimeline: true,
 	},