access - компонент для проверки прав юзера

access.js

export const Access = ({ guards = [], children, name = "" }) => {
    const { checkPermissions } = usePermissions();
    const { loading } = useUser();
    const { hiddenPages, hiddenComponents } = React.useContext(
        configContext,
    );

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

    if (
        loading ||
        hiddenPages.includes(name) ||
        hiddenComponents.includes(name)
    ) {
        return null;
    }

    return hasCompletedGuards ? children : null;
};

const usePermissions = () => {
    const { user } = useUser();

    const checkPermissions = React.useCallback(
        guards => {
            return guards.every(item => item({ user }));
        },
        [user],
    );

    return { checkPermissions };
};

// <Access name="sendmail" guards={[onlyAuth]}>