Hago un método de búsqueda en la matriz de usuarios pero seleccionéUserId = indefinido ¿Cómo puedo ejecutar este método necesariamente después de la función asíncrona para que el ID de usuario seleccionado no esté indefinido?

 function App() { const [selectedUserId, setSelectedUserId] = useState(null) const [users,setUsers] = useState([]) const [loading, setLoading] = useState(false) console.log(users) useAsyncEffect(async () => { setLoading(true) const res = await fetch('https://jsonplaceholder.typicode.com/users') const data = await res.json() setUsers(data) setLoading(false) }, []) const selectedUser = users.find(u => u.id === selectedUserId) console.log(selectedUser) const onUserClick = (userId) => { setSelectedUserId(userId) } if(loading) { return <img src={preloader} alt="preloader"/> } return ( <div> { !selectedUser ? <ListUsers users={users} onUserClick={onUserClick} /> : <Profile user= {selectedUser} /> } </div> ) }