[Solved]-Can't Update state after fetch request-Reactjs

  const currList = useRef([]);

useEffect=(()=>{
const fetchShips = async () => {
    const response = await request(gql`
      {
        ships {
          name
          home_port
          image
        }
      }
    `);
    console.log("request response", response.data);
     // setCurrList(response.data);
if(response)
    currlist.current = response.data

    console.log("currlist:", currList);
  };
fetchShips()
// Also as far as I know ,you should use useEffect like this
},[])
//... codes

return(
//... codes
 currList.current.map(...

)
//... codes

useEffect(() => {
    console.log("List is updated", currList);
}, [currList]);