upgrade to react 19

quantified-uncertainty · Nov 30, 2024 · bf6ceac · bf6ceac
1 parent 15d4c11
commit bf6ceac
Show file tree

Hide file tree

Showing 5 changed files with 789 additions and 221 deletions.
diff --git a/packages/components/package.json b/packages/components/package.json
@@ -36,7 +36,7 @@
     "lodash": "^4.17.21",
     "prettier": "^3.3.3",
     "react-draggable": "^4.4.6",
-    "react-hook-form": "^7.50.0",
+    "react-hook-form": "^7.53.2",
     "react-markdown": "^9.0.1",
     "reactflow": "^11.11.4",
     "remark-gfm": "^4.0.0",
@@ -82,8 +82,8 @@
     "jsdom": "^25.0.1",
     "postcss": "^8.4.38",
     "postcss-cli": "^11.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.3.1",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
     "rollup-plugin-node-builtins": "^2.1.2",
     "storybook": "^8.1.6",
     "tailwindcss": "^3.4.3",

diff --git a/packages/hub/package.json b/packages/hub/package.json
@@ -43,9 +43,9 @@
     "next-auth": "5.0.0-beta.25",
     "nodemailer": "^6.9.13",
     "pako": "^2.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.3.1",
-    "react-hook-form": "^7.50.0",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
+    "react-hook-form": "^7.53.2",
     "react-icons": "^5.2.1",
     "react-loading-skeleton": "^3.4.0",
     "react-markdown": "^9.0.1",

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -41,16 +41,16 @@
   "types": "./dist/index.d.ts",
   "source": "./src/index.ts",
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18"
+    "react": "^18 | ^19",
+    "react-dom": "^18 | ^19",
+    "react-hook-form": "^7.53.2"
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.16",
     "@headlessui/react": "^2.2.0",
     "clsx": "^2.1.1",
     "framer-motion": "^11.0.3",
     "react-colorful": "^5.6.1",
-    "react-hook-form": "^7.50.0",
     "react-select": "^5.8.0",
     "react-textarea-autosize": "8.5.4",
     "react-use": "^17.5.0"
@@ -77,8 +77,9 @@
     "postcss-cli": "^11.0.0",
     "prettier": "^3.3.3",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.3.1",
+    "react": "19.0.0-rc-66855b96-20241106",
+    "react-dom": "19.0.0-rc-66855b96-20241106",
+    "react-hook-form": "^7.53.2",
     "rollup-plugin-node-builtins": "^2.1.2",
     "storybook": "^8.1.5",
     "tailwindcss": "^3.4.14",

diff --git a/packages/ui/src/forms/common/FormInput.tsx b/packages/ui/src/forms/common/FormInput.tsx
@@ -24,7 +24,12 @@ export function FormInput<
   TValues extends FieldValues,
   TFieldName extends FieldPath<TValues> = FieldPath<TValues>,
 >({ name, rules, children }: Props<TValues, TFieldName>) {
-  const { register } = useFormContext<TValues>();
+  const formContext = useFormContext<TValues>();
+  if (!formContext) {
+    throw new Error("FormInput must be used within a FormProvider");
+  }
+
+  const { register } = formContext;
 
   return (
     <WithRHFError<TValues, TFieldName> name={name}>