fix: add type package and update deprecated types

package.json

@@ -32,18 +32,18 @@
     "@radix-ui/react-tooltip": "^1.1.4",
     "@t3-oss/env-nextjs": "^0.11.1",
     "@tailwindcss/typography": "^0.5.15",
-    "@tanstack/react-query": "^5.60.2",
-    "@tanstack/react-query-devtools": "^5.61.0",
+    "@tanstack/react-query": "^5.62.2",
+    "@tanstack/react-query-devtools": "^5.62.2",
     "autoprefixer": "^10.4.20",
-    "class-variance-authority": "^0.7.0",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "event-source-plus": "^0.1.8",
-    "foxact": "^0.2.41",
-    "jotai": "^2.10.2",
+    "foxact": "^0.2.43",
+    "jotai": "^2.10.3",
     "jwt-decode": "^4.0.0",
     "mini-svg-data-uri": "^1.4.4",
     "next": "15.0.3",
-    "next-themes": "^0.4.3",
+    "next-themes": "^0.4.4",
     "pinata-web3": "^0.5.2",
     "react": "19.0.0-rc-66855b96-20241106",
     "react-canvas-confetti": "^2.0.7",
@@ -56,38 +56,38 @@
     "remark-textr": "^6.1.0",
     "server-only": "^0.0.1",
     "sonner": "^1.7.0",
-    "tailwind-merge": "^2.5.4",
+    "tailwind-merge": "^2.5.5",
     "tailwindcss-animate": "^1.0.7",
     "typographic-base": "^1.0.4",
     "vaul": "^1.1.1",
-    "viem": "^2.21.45",
-    "wagmi": "^2.12.32",
+    "viem": "^2.21.54",
+    "wagmi": "^2.13.3",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.0",
     "@chromatic-com/storybook": "^3.2.2",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-onboarding": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
     "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-themes": "^8.4.4",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/nextjs": "^8.4.4",
-    "@storybook/react": "^8.4.4",
-    "@storybook/test": "^8.4.4",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/nextjs": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@svgr/webpack": "^8.1.0",
     "@total-typescript/ts-reset": "^0.6.1",
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "husky": "^9.1.6",
+    "@types/node": "^20.17.9",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.1",
+    "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
-    "postcss": "^8",
-    "storybook": "^8.4.4",
-    "tailwindcss": "^3.4.1",
-    "type-fest": "^4.29.1",
-    "typescript": "^5"
+    "postcss": "^8.4.49",
+    "storybook": "^8.4.7",
+    "tailwindcss": "^3.4.16",
+    "type-fest": "^4.30.0",
+    "typescript": "^5.7.2"
   },
   "overrides": {
     "react": "19.0.0-rc-66855b96-20241106",

src/components/requirements/DataBlock.tsx

@@ -1,6 +1,6 @@
-import type { PropsWithChildren } from "react";
+import type { PropsWithChildren, ReactElement } from "react";
 
-export const DataBlock = ({ children }: PropsWithChildren): JSX.Element => {
+export const DataBlock = ({ children }: PropsWithChildren): ReactElement => {
   return (
     <span className="h-6 break-words rounded-md bg-blackAlpha px-1.5 py-0.5 font-mono text-sm dark:bg-blackAlpha-hard">
       {children}

src/components/requirements/DataBlockWithCopy.tsx

@@ -9,7 +9,7 @@ import {
 import { Check } from "@phosphor-icons/react/dist/ssr";
 import { useClipboard } from "foxact/use-clipboard";
 import { useDebouncedState } from "foxact/use-debounced-state";
-import { type PropsWithChildren, useEffect } from "react";
+import { type PropsWithChildren, type ReactElement, useEffect } from "react";
 import { DataBlock } from "./DataBlock";
 
 type Props = {
@@ -19,7 +19,7 @@ type Props = {
 export const DataBlockWithCopy = ({
   text,
   children,
-}: PropsWithChildren<Props>): JSX.Element => {
+}: PropsWithChildren<Props>): ReactElement => {
   const { copied, copy } = useClipboard({
     timeout: 1500,
   });