The setConversations component is not setting the conversations variable correctly, but it outputs in the console correctly. No idea why its not doing it, its done the same way in other parts of this app another thing to mention, the undefined conversations is outputting before the res.data is being outputted to the console

 const profile = JSON.parse(localStorage.getItem('profile'))
  const userId = profile.result._id
  console.log(userId)
 
  const [conversations, setConversations] = useState([]);
  const [currentChat, setCurrentChat] = useState(null);
  const [messages, setMessages] = useState([]);
  const [newMessage, setNewMessage] =  useState("");
  //const { user } = useContext(AuthContext);
  const scrollRef= useRef();


  useEffect(() => {
    axios.get(`http://localhost:5000/api/v1/conversations/conversation/?userId=${userId}`)
        .then(res => {
          console.log(res.data)
          setConversations(res.data);
        })
      }, [userId])

    console.log(conversations)