From ed7b643fbd6ad644035e2d8a9c46a321b70ed64e Mon Sep 17 00:00:00 2001
From: Toru Kobayashi <koba0004@gmail.com>
Date: Tue, 20 Dec 2022 10:39:11 +0900
Subject: [PATCH] fix: send the panelshow event with SWRDevTools (#108)

---
 packages/swr-devtools/src/SWRDevTools.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/swr-devtools/src/SWRDevTools.tsx b/packages/swr-devtools/src/SWRDevTools.tsx
index 966d0c0..b803d7c 100644
--- 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>