upgrade to React 19

kentcdodds · kentcdodds · commit 73ddc1d533b6 · 2024-12-05T13:20:29.000-07:00
diff --git a/epicshop/package-lock.json b/epicshop/package-lock.json
diff --git a/epicshop/package.json b/epicshop/package.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"
   }
 }
diff --git a/epicshop/update-deps.sh b/epicshop/update-deps.sh
@@ -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
diff --git a/exercises/02.side-effects/01.problem.effects/index.tsx b/exercises/02.side-effects/01.problem.effects/index.tsx
@@ -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
diff --git a/exercises/02.side-effects/01.solution.effects/index.tsx b/exercises/02.side-effects/01.solution.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
diff --git a/exercises/02.side-effects/02.problem.cleanup/index.tsx b/exercises/02.side-effects/02.problem.cleanup/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
diff --git a/exercises/02.side-effects/02.solution.cleanup/index.tsx b/exercises/02.side-effects/02.solution.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
diff --git a/exercises/03.lifting-state/01.problem.lift/index.tsx b/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
diff --git a/exercises/03.lifting-state/01.solution.lift/index.tsx b/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
diff --git a/exercises/03.lifting-state/02.problem.lift-array/index.tsx b/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
diff --git a/exercises/03.lifting-state/02.solution.lift-array/index.tsx b/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
diff --git a/exercises/03.lifting-state/03.problem.colocate/index.tsx b/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
diff --git a/exercises/03.lifting-state/03.solution.colocate/index.tsx b/exercises/03.lifting-state/03.solution.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
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,6 @@`
`7`	`7`	`"dependencies": {`
`8`	`8`	`"@epic-web/workshop-app": "^5.9.0",`
`9`	`9`	`"@epic-web/workshop-utils": "^5.9.0",`
`10`		`- "execa": "^9.1.0"`
	`10`	`+ "execa": "^9.5.1"`
`11`	`11`	`}`
`12`	`12`	`}`