In my project I fetch new posts like this :

   useEffect(() => {
        const fetchPosts = async () => {
            try {
                const response = await fetch(POSTS_RECOMMANDES_API_SUGGESTION, {
                    next: { revalidate: 50 },
                });
                const data = await response.json()
                setPosts(data)
            } catch (error) {
                console.error(POSTS_RECOMMANDES_ERROR_FETCH_POSTS_MESSAGE, error)
            } finally {
                setLoading(false)
            }
        }

        fetchPosts()
    }, [])

it works fine on local, but not on production. I have to clear the Vercel data cache manually to be able to see new posts.