PrivateRoute.js

import { Redirect, Route } from "react-router-dom";
import { useAuth } from "../utils/context.js"
import ErrorPage from "../pages/ErrorPage";

const PrivateRoute = ({ component: Component, ...rest }) => {
    const { user } = useAuth();
    // return (
    //     <Route
    //         {...rest}
    //         render={(props) => {
    //             if (user) {
    //                 if (rest.role) {
    //                     if (rest.role === user.role) {
    //                         return <Component {...props} />;
    //                     } else {
    //                         return <ErrorPage />
    //                     }
    //                 } else {
    //                     return <Component {...props} />
    //                 }
    //             } else {
    //                 return <Redirect to="/login" />;
    //             }
    //         }}
    //     />
    // );
    return (
        <Route {...rest} render={(props) => <Component {...props} />} />
    )
};

export default PrivateRoute;