diff --git a/src/utils/withUserRole.tsx b/src/utils/withUserRole.tsx
index cf258a3..b847a09 100644
--- a/src/utils/withUserRole.tsx
+++ b/src/utils/withUserRole.tsx
@@ -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 />
     }
 }