fix: dev server refreshing 2 times on first load

packages/react-databrowser/src/components/databrowser/components/sidebar/index.tsx

@@ -19,14 +19,18 @@ type Props = {
 };
 
 const useRefreshOnDelete = ({ dataKey, refresh }: { dataKey?: string; refresh: () => void }) => {
-  const firstTime = useRef(true);
+  const firstRefresh = useRef<number | undefined>();
 
   useEffect(() => {
-    if (firstTime.current) {
-      firstTime.current = false;
+    if (!firstRefresh.current) {
+      firstRefresh.current = Date.now();
       return;
     }
 
+    // If this is the second call and the time difference is less than 10ms, don't refresh
+    // This is to prevent react dev server from calling the hook 2 times initially
+    if (Date.now() - firstRefresh.current < 10) return;
+
     if (dataKey === undefined) {
       refresh();
     }