upgrade to React 19

Author: kentcdodds

epicshop/package-lock.json

@@ -7,6 +7,6 @@
   "dependencies": {
     "@epic-web/workshop-app": "^5.9.0",
     "@epic-web/workshop-utils": "^5.9.0",
-    "execa": "^9.1.0"
+    "execa": "^9.5.1"
   }
 }

epicshop/package.json

@@ -1,6 +1,6 @@
 set -e
 
-npx npm-check-updates --dep prod,dev --upgrade --root --reject react,react-dom
+npx npm-check-updates --dep prod,dev --upgrade --root
 cd epicshop && npx npm-check-updates --dep prod,dev --upgrade --root
 cd ..
 rm -rf node_modules package-lock.json ./epicshop/package-lock.json ./epicshop/node_modules ./exercises/**/node_modules

epicshop/update-deps.sh

@@ -30,7 +30,11 @@ function App() {
 
 	return (
 		<div className="app">
-			<form action={() => setGlobalSearchParams({ query })}>
+			<form
+				action={() => {
+					setGlobalSearchParams({ query })
+				}}
+			>
 				<div>
 					<label htmlFor="searchInput">Search:</label>
 					<input

exercises/02.side-effects/01.problem.effects/index.tsx

@@ -28,7 +28,11 @@ function App() {
 
 	return (
 		<div className="app">
-			<form action={() => setGlobalSearchParams({ query })}>
+			<form
+				action={() => {
+					setGlobalSearchParams({ query })
+				}}
+			>
 				<div>
 					<label htmlFor="searchInput">Search:</label>
 					<input

exercises/02.side-effects/01.solution.effects/index.tsx

@@ -42,7 +42,11 @@ function App() {
 
 	return (
 		<div className="app">
-			<form action={() => setGlobalSearchParams({ query })}>
+			<form
+				action={() => {
+					setGlobalSearchParams({ query })
+				}}
+			>
 				<div>
 					<label htmlFor="searchInput">Search:</label>
 					<input

exercises/02.side-effects/02.problem.cleanup/index.tsx

@@ -41,7 +41,11 @@ function App() {
 
 	return (
 		<div className="app">
-			<form action={() => setGlobalSearchParams({ query })}>
+			<form
+				action={() => {
+					setGlobalSearchParams({ query })
+				}}
+			>
 				<div>
 					<label htmlFor="searchInput">Search:</label>
 					<input

exercises/02.side-effects/02.solution.cleanup/index.tsx

@@ -50,7 +50,11 @@ function Form() {
 	}
 
 	return (
-		<form action={() => setGlobalSearchParams({ query })}>
+		<form
+			action={() => {
+				setGlobalSearchParams({ query })
+			}}
+		>
 			<div>
 				<label htmlFor="searchInput">Search:</label>
 				<input

exercises/03.lifting-state/01.problem.lift/index.tsx

@@ -50,7 +50,11 @@ function Form({
 	}
 
 	return (
-		<form action={() => setGlobalSearchParams({ query })}>
+		<form
+			action={() => {
+				setGlobalSearchParams({ query })
+			}}
+		>
 			<div>
 				<label htmlFor="searchInput">Search:</label>
 				<input

exercises/03.lifting-state/01.solution.lift/index.tsx

@@ -50,7 +50,11 @@ function Form({
 	}
 
 	return (
-		<form action={() => setGlobalSearchParams({ query })}>
+		<form
+			action={() => {
+				setGlobalSearchParams({ query })
+			}}
+		>
 			<div>
 				<label htmlFor="searchInput">Search:</label>
 				<input

exercises/03.lifting-state/02.problem.lift-array/index.tsx

@@ -50,7 +50,11 @@ function Form({
 	}
 
 	return (
-		<form action={() => setGlobalSearchParams({ query })}>
+		<form
+			action={() => {
+				setGlobalSearchParams({ query })
+			}}
+		>
 			<div>
 				<label htmlFor="searchInput">Search:</label>
 				<input

exercises/03.lifting-state/02.solution.lift-array/index.tsx

@@ -50,7 +50,11 @@ function Form({
 	}
 
 	return (
-		<form action={() => setGlobalSearchParams({ query })}>
+		<form
+			action={() => {
+				setGlobalSearchParams({ query })
+			}}
+		>
 			<div>
 				<label htmlFor="searchInput">Search:</label>
 				<input

exercises/03.lifting-state/03.problem.colocate/index.tsx

@@ -50,7 +50,11 @@ function Form({
 	}
 
 	return (
-		<form action={() => setGlobalSearchParams({ query })}>
+		<form
+			action={() => {
+				setGlobalSearchParams({ query })
+			}}
+		>
 			<div>
 				<label htmlFor="searchInput">Search:</label>
 				<input