more code

src/App.js

@@ -15,26 +15,27 @@ import Join from './view/Join';
 import Home from './view/Home';
 
 function App() {
-  const [data, setData] = useState();
-  const [poll, setPoll] = useState();
-  const [user, setUser] = useState();
-  const [anon, setAnon] = useState();
-  const [list, setList] = useState();
-  const [exist, setExist] = useState();
-  const [isConnected, setIsConnected] = useState(socket.connected);
-  const navigate = useNavigate();
+  const [data, setData] = useState()
+  const [poll, setPoll] = useState()
+  const [user, setUser] = useState()
+  const [anon, setAnon] = useState()
+  const [list, setList] = useState()
+  const [exist, setExist] = useState()
+  const [isConnected, setIsConnected] = useState(socket.connected)
+  const navigate = useNavigate()
 
   useEffect(() => {
     function onConnect() {
       console.log(' 🐞 APP onConnect')
-      setIsConnected(true);
+      setIsConnected(true)
     }
     function onDisconnect() {
       console.log(' 🐞 APP onDisconnect')
-      setIsConnected(false);
+      setIsConnected(false)
     }
     function onCreate(data) {
-      console.log(' 🪲 APP onCreate')
+      console.log(' 🪲 APP onCreate data:', data)
+      setAnon(undefined)
       navigate(`/poll/${data}`)
     }
     function onJoin(data) {
@@ -54,7 +55,7 @@ function App() {
     }
     function onInfo(data) {
       console.log(' 🪲 APP onInfo data: ', data)
-      if (data?.anonymous) {
+      if (data.anonymous !== undefined) {
         setAnon(data.anonymous)
       }
     }

src/view/Poll.jsx

@@ -51,7 +51,7 @@ function Poll(props) {
       console.log('POLL emit.info.id:', id)
       socket.emit('info', id)
     }
-    if (exist && !token && anon) {
+    if (exist && !token && anon !== undefined && anon) {
       const data = {pid:id, user:randomUser(24)};
       socket.emit('join', data);
       console.log('POLL emit.join.data:', data)