From b0917e78341317c24aec8e07f9246b847d970339 Mon Sep 17 00:00:00 2001
From: David Leuliette <dleuliette@gmail.com>
Date: Thu, 17 Oct 2024 13:35:13 +0200
Subject: [PATCH] fix typo missing `c` for optimistiShip

---
 .../03.optimistic/01.solution.optimistic/index.tsx     | 10 +++++-----
 .../03.optimistic/02.problem.form-status/index.tsx     | 10 +++++-----
 .../03.optimistic/02.solution.form-status/index.tsx    | 10 +++++-----
 exercises/03.optimistic/03.problem.message/index.tsx   | 10 +++++-----
 exercises/03.optimistic/03.solution.message/index.tsx  | 10 +++++-----
 5 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/exercises/03.optimistic/01.solution.optimistic/index.tsx b/exercises/03.optimistic/01.solution.optimistic/index.tsx
index e99c04d3..53641a03 100644
--- a/exercises/03.optimistic/01.solution.optimistic/index.tsx
+++ b/exercises/03.optimistic/01.solution.optimistic/index.tsx
@@ -11,7 +11,7 @@ function App() {
 		delay: 300,
 		minDuration: 350,
 	})
-	const [optimistiShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
+	const [optimisticShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
 
 	function handleShipSelection(newShipName: string) {
 		startTransition(() => {
@@ -26,7 +26,7 @@ function App() {
 				<div className="details" style={{ opacity: isPending ? 0.6 : 1 }}>
 					<ErrorBoundary fallback={<ShipError shipName={shipName} />}>
 						<Suspense fallback={<ShipFallback shipName={shipName} />}>
-							<ShipDetails shipName={shipName} optimistiShip={optimistiShip} />
+							<ShipDetails shipName={shipName} optimisticShip={optimisticShip} />
 						</Suspense>
 					</ErrorBoundary>
 				</div>
@@ -139,14 +139,14 @@ function ShipButtons({
 
 function ShipDetails({
 	shipName,
-	optimistiShip,
+	optimisticShip,
 }: {
 	shipName: string
-	optimistiShip: Ship | null
+	optimisticShip: Ship | null
 }) {
 	// 🦉 you can change this delay to control how long loading the resource takes:
 	const delay = 2000
-	const ship = optimistiShip ?? use(getShip(shipName, delay))
+	const ship = optimisticShip ?? use(getShip(shipName, delay))
 	return (
 		<div className="ship-info">
 			<div className="ship-info__img-wrapper">
diff --git a/exercises/03.optimistic/02.problem.form-status/index.tsx b/exercises/03.optimistic/02.problem.form-status/index.tsx
index 6d59a166..abbf0f56 100644
--- a/exercises/03.optimistic/02.problem.form-status/index.tsx
+++ b/exercises/03.optimistic/02.problem.form-status/index.tsx
@@ -11,7 +11,7 @@ function App() {
 		delay: 300,
 		minDuration: 350,
 	})
-	const [optimistiShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
+	const [optimisticShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
 
 	function handleShipSelection(newShipName: string) {
 		startTransition(() => {
@@ -26,7 +26,7 @@ function App() {
 				<div className="details" style={{ opacity: isPending ? 0.6 : 1 }}>
 					<ErrorBoundary fallback={<ShipError shipName={shipName} />}>
 						<Suspense fallback={<ShipFallback shipName={shipName} />}>
-							<ShipDetails shipName={shipName} optimistiShip={optimistiShip} />
+							<ShipDetails shipName={shipName} optimisticShip={optimisticShip} />
 						</Suspense>
 					</ErrorBoundary>
 				</div>
@@ -143,14 +143,14 @@ function ShipButtons({
 
 function ShipDetails({
 	shipName,
-	optimistiShip,
+	optimisticShip,
 }: {
 	shipName: string
-	optimistiShip: Ship | null
+	optimisticShip: Ship | null
 }) {
 	// 🦉 you can change this delay to control how long loading the resource takes:
 	const delay = 2000
-	const ship = optimistiShip ?? use(getShip(shipName, delay))
+	const ship = optimisticShip ?? use(getShip(shipName, delay))
 	return (
 		<div className="ship-info">
 			<div className="ship-info__img-wrapper">
diff --git a/exercises/03.optimistic/02.solution.form-status/index.tsx b/exercises/03.optimistic/02.solution.form-status/index.tsx
index 493ec225..4216cd84 100644
--- a/exercises/03.optimistic/02.solution.form-status/index.tsx
+++ b/exercises/03.optimistic/02.solution.form-status/index.tsx
@@ -12,7 +12,7 @@ function App() {
 		delay: 300,
 		minDuration: 350,
 	})
-	const [optimistiShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
+	const [optimisticShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
 
 	function handleShipSelection(newShipName: string) {
 		startTransition(() => {
@@ -27,7 +27,7 @@ function App() {
 				<div className="details" style={{ opacity: isPending ? 0.6 : 1 }}>
 					<ErrorBoundary fallback={<ShipError shipName={shipName} />}>
 						<Suspense fallback={<ShipFallback shipName={shipName} />}>
-							<ShipDetails shipName={shipName} optimistiShip={optimistiShip} />
+							<ShipDetails shipName={shipName} optimisticShip={optimisticShip} />
 						</Suspense>
 					</ErrorBoundary>
 				</div>
@@ -149,14 +149,14 @@ function ShipButtons({
 
 function ShipDetails({
 	shipName,
-	optimistiShip,
+	optimisticShip,
 }: {
 	shipName: string
-	optimistiShip: Ship | null
+	optimisticShip: Ship | null
 }) {
 	// 🦉 you can change this delay to control how long loading the resource takes:
 	const delay = 2000
-	const ship = optimistiShip ?? use(getShip(shipName, delay))
+	const ship = optimisticShip ?? use(getShip(shipName, delay))
 	return (
 		<div className="ship-info">
 			<div className="ship-info__img-wrapper">
diff --git a/exercises/03.optimistic/03.problem.message/index.tsx b/exercises/03.optimistic/03.problem.message/index.tsx
index c63a7aba..4bde29b2 100644
--- a/exercises/03.optimistic/03.problem.message/index.tsx
+++ b/exercises/03.optimistic/03.problem.message/index.tsx
@@ -12,7 +12,7 @@ function App() {
 		delay: 300,
 		minDuration: 350,
 	})
-	const [optimistiShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
+	const [optimisticShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
 
 	function handleShipSelection(newShipName: string) {
 		startTransition(() => {
@@ -27,7 +27,7 @@ function App() {
 				<div className="details" style={{ opacity: isPending ? 0.6 : 1 }}>
 					<ErrorBoundary fallback={<ShipError shipName={shipName} />}>
 						<Suspense fallback={<ShipFallback shipName={shipName} />}>
-							<ShipDetails shipName={shipName} optimistiShip={optimistiShip} />
+							<ShipDetails shipName={shipName} optimisticShip={optimisticShip} />
 						</Suspense>
 					</ErrorBoundary>
 				</div>
@@ -157,14 +157,14 @@ function ShipButtons({
 
 function ShipDetails({
 	shipName,
-	optimistiShip,
+	optimisticShip,
 }: {
 	shipName: string
-	optimistiShip: Ship | null
+	optimisticShip: Ship | null
 }) {
 	// 🦉 you can change this delay to control how long loading the resource takes:
 	const delay = 2000
-	const ship = optimistiShip ?? use(getShip(shipName, delay))
+	const ship = optimisticShip ?? use(getShip(shipName, delay))
 	return (
 		<div className="ship-info">
 			<div className="ship-info__img-wrapper">
diff --git a/exercises/03.optimistic/03.solution.message/index.tsx b/exercises/03.optimistic/03.solution.message/index.tsx
index 28a00ce1..08a87937 100644
--- a/exercises/03.optimistic/03.solution.message/index.tsx
+++ b/exercises/03.optimistic/03.solution.message/index.tsx
@@ -12,7 +12,7 @@ function App() {
 		delay: 300,
 		minDuration: 350,
 	})
-	const [optimistiShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
+	const [optimisticShip, setOptimisticShip] = useOptimistic<Ship | null>(null)
 
 	function handleShipSelection(newShipName: string) {
 		startTransition(() => {
@@ -27,7 +27,7 @@ function App() {
 				<div className="details" style={{ opacity: isPending ? 0.6 : 1 }}>
 					<ErrorBoundary fallback={<ShipError shipName={shipName} />}>
 						<Suspense fallback={<ShipFallback shipName={shipName} />}>
-							<ShipDetails shipName={shipName} optimistiShip={optimistiShip} />
+							<ShipDetails shipName={shipName} optimisticShip={optimisticShip} />
 						</Suspense>
 					</ErrorBoundary>
 				</div>
@@ -153,14 +153,14 @@ function ShipButtons({
 
 function ShipDetails({
 	shipName,
-	optimistiShip,
+	optimisticShip,
 }: {
 	shipName: string
-	optimistiShip: Ship | null
+	optimisticShip: Ship | null
 }) {
 	// 🦉 you can change this delay to control how long loading the resource takes:
 	const delay = 2000
-	const ship = optimistiShip ?? use(getShip(shipName, delay))
+	const ship = optimisticShip ?? use(getShip(shipName, delay))
 	return (
 		<div className="ship-info">
 			<div className="ship-info__img-wrapper">