const Slider = () => { const { data, loading, error } = useQuery(GET_LATEST_POSTS) const [ currentMovie, setMovie ] = useState() useEffect(() => { if(!loading && data){ setMovie(data); } }, [loading, data]) if (loading) return 'Loading...' //your component's return should always be after all hook calls// if (error) return `Error! ${error.message}` }