Update deps - adds support for GeoParquet (#333)

* update deps

* simplify state by removing a useEffect (triggered by eslint plugin)

zsh:1: command not found: :w

* fix eslint error, by removing sync state change in useEffect

https://react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect

Author: severo

package.json

@@ -56,7 +56,7 @@
   },
   "dependencies": {
     "hightable": "0.20.1",
-    "hyparquet": "1.19.0",
+    "hyparquet": "1.20.0",
     "hyparquet-compressors": "1.1.1",
     "icebird": "0.3.1"
   },
@@ -66,13 +66,13 @@
     "@testing-library/react": "16.3.0",
     "@types/node": "24.7.2",
     "@types/react": "19.2.2",
-    "@types/react-dom": "19.2.1",
+    "@types/react-dom": "19.2.2",
     "@vitejs/plugin-react": "5.0.4",
     "@vitest/coverage-v8": "3.2.4",
     "eslint": "9.37.0",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "6.1.1",
-    "eslint-plugin-react-refresh": "0.4.23",
+    "eslint-plugin-react-hooks": "7.0.0",
+    "eslint-plugin-react-refresh": "0.4.24",
     "eslint-plugin-storybook": "9.1.10",
     "globals": "16.4.0",
     "jsdom": "27.0.0",
@@ -82,8 +82,8 @@
     "react-dom": "19.2.0",
     "storybook": "9.1.10",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.46.0",
-    "vite": "7.1.9",
+    "typescript-eslint": "8.46.1",
+    "vite": "7.1.10",
     "vitest": "3.2.4"
   },
   "peerDependencies": {

src/components/Dropdown/Dropdown.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useEffect, useRef, useState } from 'react'
+import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react'
 import { cn } from '../../lib/utils'
 import styles from './Dropdown.module.css'
 
@@ -19,7 +19,7 @@ interface DropdownProps {
  * </Dropdown>
  */
 export default function Dropdown({ label, align = 'left', className, children }: DropdownProps) {
-  const [isOpen, setIsOpen] = useState(false)
+  const [isOpen, _setIsOpen] = useState(false)
   const [focusedIndex, setFocusedIndex] = useState(-1)
 
   const dropdownRef = useRef<HTMLDivElement>(null)
@@ -34,15 +34,21 @@ export default function Dropdown({ label, align = 'left', className, children }:
     ))
   }
 
+  const setIsOpen = useCallback((value: React.SetStateAction<boolean>) => {
+    _setIsOpen(prev => {
+      const nextIsOpen = typeof value === 'function' ? value(prev) : value
+      if (nextIsOpen) {
+        // reset focus so we start at the first item
+        setFocusedIndex(0)
+      }
+      return nextIsOpen
+    })
+  }, [])
+
   function toggleDropdown() {
     setIsOpen(prev => !prev)
   }
 
-  // reset focus so we start at the first item
-  useEffect(() => {
-    if (isOpen) setFocusedIndex(0)
-  }, [isOpen])
-
   // whenever focusedIndex changes, focus the corresponding menu item
   useEffect(() => {
     if (isOpen && focusedIndex >= 0) {
@@ -116,7 +122,7 @@ export default function Dropdown({ label, align = 'left', className, children }:
       document.removeEventListener('keydown', handleEscape)
       document.removeEventListener('mousedown', handleClickOutside)
     }
-  }, [])
+  }, [setIsOpen])
 
   return (
     <div

src/components/Layout/Layout.tsx

@@ -25,14 +25,9 @@ interface LayoutProps {
  * @param props.title - page title
  */
 export default function Layout({ children, progress, error, title }: LayoutProps) {
-  const [showWelcome, setShowWelcome] = useState(false)
-  const { customClass } = useConfig()
-
   // Check localStorage on mount to see if the user has seen the welcome popup
-  useEffect(() => {
-    const dismissed = localStorage.getItem('welcome:dismissed') === 'true'
-    setShowWelcome(!dismissed)
-  }, [])
+  const [showWelcome, setShowWelcome] = useState(() => localStorage.getItem('welcome:dismissed') !== 'true')
+  const { customClass } = useConfig()
 
   // Handle closing the welcome popup
   function handleCloseWelcome() {