update packages and fix: improve error message handling in ErrorFallback and TableErrorFallback components

Author: caioricciuti

bun.lock

@@ -50,7 +50,7 @@
     "echarts": "^6.0.0",
     "echarts-for-react": "^3.0.5",
     "fflate": "^0.8.2",
-    "framer-motion": "^12.25.0",
+    "framer-motion": "^12.27.1",
     "html2canvas": "^1.4.1",
     "lodash": "^4.17.21",
     "lucide-react": "^0.546.0",
@@ -60,14 +60,14 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-dropzone": "^14.3.8",
-    "react-error-boundary": "^6.0.3",
-    "react-hook-form": "^7.71.0",
+    "react-error-boundary": "^6.1.0",
+    "react-hook-form": "^7.71.1",
     "react-markdown": "^10.1.0",
     "react-resizable-panels": "^3.0.6",
     "react-router": "^7.12.0",
     "recharts": "^3.6.0",
     "sonner": "^2.0.7",
-    "sql-formatter": "^15.6.12",
+    "sql-formatter": "^15.7.0",
     "tailwind-merge": "^3.4.0",
     "tailwindcss-animate": "^1.0.7",
     "vaul": "^1.1.2",
@@ -78,7 +78,7 @@
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@types/lodash": "^4.17.23",
-    "@types/node": "^24.10.7",
+    "@types/node": "^24.10.9",
     "@types/papaparse": "^5.5.2",
     "@types/react": "^19.2.8",
     "@types/react-dom": "^19.2.3",
@@ -92,7 +92,7 @@
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.18",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.52.0",
+    "typescript-eslint": "^8.53.1",
     "vite": "^7.3.1"
   },
   "description": "Duck-UI is a web-based interface for interacting with DuckDB, a high-performance analytical database system. This project leverages DuckDB's WebAssembly (WASM) capabilities to provide a seamless and efficient user experience directly in the browser.",

package.json

@@ -22,7 +22,7 @@ const TableErrorFallback = ({ error, resetErrorBoundary }: FallbackProps) => (
       <AlertTriangle className="mx-auto mb-4 text-destructive" size={32} />
       <h3 className="text-sm font-medium mb-2">Failed to render table</h3>
       <p className="text-xs text-muted-foreground mb-4">
-        {error.message || "An error occurred while displaying the results."}
+        {error instanceof Error ? error.message : "An error occurred while displaying the results."}
       </p>
       <button
         onClick={resetErrorBoundary}

src/components/workspace/SqlTab.tsx

@@ -38,7 +38,7 @@ const ErrorFallback = ({ error, resetErrorBoundary }: FallbackProps) => (
       <AlertTriangle className="mx-auto mb-4 text-destructive" size={48} />
       <h2 className="text-xl font-semibold mb-2">Something went wrong</h2>
       <p className="text-muted-foreground mb-4 text-sm">
-        {error.message || "An unexpected error occurred while rendering the application."}
+        {error instanceof Error ? error.message : "An unexpected error occurred while rendering the application."}
       </p>
       <button
         onClick={resetErrorBoundary}