From 458df713add9af717bfe9f48417ef07946facb95 Mon Sep 17 00:00:00 2001
From: memeriau <manuel.emeriau@mappy.com>
Date: Sat, 16 Apr 2022 15:14:42 +0200
Subject: [PATCH] return empty div instead of null when user do not have role
 for hydrate issue

---
 src/utils/withUserRole.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 />
     }
 }