return empty div instead of null when user do not have role for hydrate issue

This commit is contained in:
memeriau 2022-04-16 15:14:42 +02:00
parent 089af3880a
commit 458df713ad

View File

@ -3,9 +3,9 @@ import { useSelector } from "react-redux"
import { selectUserRoles } from "../store/auth"
function withUserRole<T>(requiredRole: string, Component: React.ComponentType<T>) {
return (props: T): JSX.Element | null => {
return (props: T): JSX.Element => {
const roles = useSelector(selectUserRoles)
return roles.includes(requiredRole) ? <Component {...props} /> : null
return roles.includes(requiredRole) ? <Component {...props} /> : <div />
}
}