Function App

exercises/01.fetching/02.problem.errors/index.tsx:11–25

()

const shipName = 'Dreadnought'

function App() {
	return (
		<div className="app-wrapper">
			<div className="app">
				<div className="details">
					{/* 🐨 wrap this in an ErrorBoundary */}
					{/* 💰 you can use the ShipError component below as the fallback prop */}
					<Suspense fallback={<ShipFallback />}>
						<ShipDetails />
					</Suspense>
				</div>
			</div>
		</div>
	)
}

let ship: Ship
// 🐨 create an error variable here