import React, { Component, FC } from "react";
import { createRoot } from "react-dom/client";
import "./index.css";
import {
BrowserRouter,
Routes,
Route,
useParams,
Navigate,
Link,
Outlet,
} from "react-router-dom";
const UserPage = () => {
const { userName } = useParams();
return (
Hello user: {userName}
View:
Default view
Posts view
);
};
type UserData = { user?: { authenticated: boolean } };
const UserPageGuard: FC = ({ user }) =>
user && user.authenticated ? : ;
// Application
class App extends Component {
state = { authenticated: true };
render() {
return (
}
>
);
}
}
const container = document.getElementById("root");
createRoot(container!).render(
);