1import React from "react";
 2import { RouterProvider, createBrowserRouter } from "react-router-dom";
 3
 4import { CreateSecret } from "./CreateSecret";
 5import { Home } from "./Home";
 6import { Login } from "./Login";
 7import { MySecrets } from "./MySecrets";
 8import { Page } from "./Page";
 9import { Register } from "./Register";
10import { Secret } from "./Secret";
11import { MySecretsProvider } from "./useMySecrets";
12import { UserProvider } from "./useUser";
13
14const router = createBrowserRouter([
15	{
16		Component: Page,
17		children: [
18			{
19				path: "/",
20				Component: Home,
21			},
22			{
23				path: "/login",
24				Component: Login,
25			},
26			{
27				path: "/register",
28				Component: Register,
29			},
30			{
31				path: "/secret/create",
32				Component: CreateSecret,
33			},
34			{
35				path: "/secret/my",
36				Component: MySecrets,
37			},
38			{
39				path: "/secret/:id",
40				Component: Secret,
41			},
42			{
43				path: "*",
44				Component: () => <h1>Not Found</h1>,
45			},
46		],
47	},
48]);
49
50export const App = () => (
51	<UserProvider>
52		<MySecretsProvider>
53			<RouterProvider router={router} />
54		</MySecretsProvider>
55	</UserProvider>
56);