upgrade to React 19

epicweb-dev · Dec 5, 2024 · 73ddc1d · 73ddc1d
1 parent 9a5703a
commit 73ddc1d
Show file tree

Hide file tree

Showing 15 changed files with 3,387 additions and 2,541 deletions.
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