Компонент скрытия роутов

guard.js

 const Guard = ({
    guards = [],
    redirect = "/",
    exact = true,
    component: Component,
    pageTitle,
    path,
}) => {
    const { checkPermissions } = usePermissions();
    const { loading } = useUser();
    const {
        language: { code },
    } = useLanguage();

    const pageName = React.useMemo(() => {
        const str = path.split("/").pop();

        return !str || str === code ? "landing" : str;
    }, [path, code]);

    const { hiddenPages } = React.useContext
        Context
    );

    const hasCompletedGuards = React.useMemo(() => checkPermissions(guards), [
        guards,
        checkPermissions,
    ]);

    if (loading) {
        return null;
    }

    if (exact && hiddenPages.includes(pageName)) {
        return <LocalizedRedirect to={redirect} />;
    }

    return hasCompletedGuards ? (
        <Route
            path={path}
            exact={exact}
            render={(props: RouteComponentProps) => (
                <HelmetWrapper pageTitle={pageTitle}>
                    <Component {...props} />
                </HelmetWrapper>
            )}
        />
    ) : (
        <LocalizedRedirect to={redirect} />
    );
};

Guard.defaultProps = {
    exact: true,
};

/*
 <Guard
    guards={[onlyAuth]}
    path={urljoin(matchUrl, "url}
    component={Component}
/>
*/