const [userState, setUserState] = useState([])
useEffect(() => {
    getUserInfo();
    console.log(props.userInfo?. isLoggedIn)
    if(props?.userInfo?.isLoggedIn == true) {
      setUserState(['profile','dashboard','wallet']);
    } else {
      setUserState(['sign-in','sign-in','sign-in']);
    }
  },[props,userState])

在useEffect依赖性数组中添加userState。

不要在React状态中存储派生状态，这是React反模式。您可以直接从“依赖项”呈现UI。这假定组件已正确订阅Redux存储，并且userInfo是存储中的选定状态。

const authenticatedRoutes = ['profile','dashboard','wallet'];
const anonymousRoutes = ['sign-in','sign-in','sign-in'];
...

return (
  ...
  {(props.userInfo?.isLoggedIn ? authenticatedRoutes : anonymousRoutes).map(path => {
    // compute and return JSX
  })}
  ...
);

更常见/实用的解决方案是创建读取userInfo.isLoggedIn属性的路由保护器组件，并有条件地呈现受保护的路由/组件或重定向到“安全路由”，您可以在我的答案here中阅读更多关于一般路由保护的内容。