string-ext-05

index.tsx.diff

// index.tsx
import HomePage from "./HomePage";
import AboutPage from "./AboutPage";
import Nav from "./Nav";
+ import strings from "./strings.yaml";
+ import { StringsContextProvider } from "./StringsContext";
function App() {
 return (
+ <StringsContextProvider data={strings}>
    <div style={{ maxWidth: "500px" }}>
      <Nav />
      <Routes>
        <Route path="/" element={<HomePage />} />
        <Route path="/about" element={<AboutPage />} />
      </Routes>
    </div>
+ </StringsContextProvider>
 );
}