Hi all, I'm trying to locally test out updating content for a blog page dynamically (using headless Wordpress to store and pull data for the blogs). I have revalidate: 10 set in getStaticProps for ISR on a dynamic blog page. However, updates to the published blog pages don't happen when I expect them. The steps I'm taking are:
- Update the page in WP
- Refresh the corresponding Next.js page on local
- Wait 10 seconds plus a few (I have waited anywhere from 10 more seconds to 5 full min) for the regeneration process to finish
- Refresh after waiting
- Updates not showing

I will share my TSX code for the dynamic blog page, let me know if something seems wrong. Thank you for your time!
Please ignore the "any" type assigments - I'm waiting to get this working before properly typing the code.

import React from "react";
import { getAllBlogs } from "@/blogActions";

export const BlogPage = ({ data }: any) => {
return(
<div>
<div style={{ fontSize: "2rem" }}>
{data?.title?.rendered || ""}
</div>
<div dangerouslySetInnerHTML={{ __html: data?.content?.rendered.replace(/\n/g, "<br />") }} />
</div>
);
}

export async function getStaticPaths() {
const data = await getAllBlogs();
console.log(data.map((blog: any) => blog.id));

const paths = data.map((blog: any) => ({
params: { id: blog.slug },
}))

return { paths, fallback: false }
}

export async function getStaticProps({ params }: any) {
console.log(Generating/Regenerating '${params.id}')
const data = await getAllBlogs();

if(!data) return;
const blogData = data.find((blog: any) => blog.slug === params.id);

return {
props: {
data: blogData
},
revalidate: 10
}
}



export default BlogPage;