F

src/app.js

 const App = (props) => {
   useEffect(() => {
     const userState = store.getState("user");
-    // userState.current();
+    userState.current();
   }, []);
 
   return <Provider>{props.children}</Provider>;

src/components/Auth.jsx

   console.log("roles", roles);
   console.log("!roles.length || hasRights", !roles.length || hasRights);
 
-
-  const filteredChildren = React.Children.toArray(props.children).filter(
-    child => React.isValidElement(child)
-  );
-
   return !roles.length || hasRights ? (
-   <div>{filteredChildren}</div>
+   <div>{props.children}</div>
   ) : (
     <View
       style={{