fix: send the panelshow event with SWRDevTools (#108)

koba04 · Dec 20, 2022 · ed7b643 · ed7b643 · vercel · Dec 20, 2022
1 parent 596e4c2
commit ed7b643
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/swr-devtools/src/SWRDevTools.tsx b/packages/swr-devtools/src/SWRDevTools.tsx
@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React, { useEffect, useRef } from "react";
 import { SWRConfig } from "swr";
 import { EventEmitter, createSWRDevtools } from "./createSWRDevTools";
 
@@ -15,6 +15,9 @@ if (typeof window !== "undefined") {
 
 export const SWRDevTools = ({ children }: { children: React.ReactNode }) => {
   const [swrdevtools, events] = useRef(createSWRDevtools()).current;
+  useEffect(() => {
+    window.postMessage({ type: "panelshow" });
+  }, []);
   return (
     <SWRDevToolsContext.Provider value={{ events }}>
       <SWRConfig value={{ use: [swrdevtools] }}>{children}</SWRConfig>