How to apply Open Graph meta tags in laravel react?

I'm using React/Next.js and created a component called SeoHead.tsx that contains all my SEO meta tags, including Open Graph and Twitter tags. In my Show.tsx page, I'm rendering it like this:

<SeoHead
          news={news}
          author={news.author?.name}
          publishedTime={news.published_at}
          modifiedTime={news.updated_at}
      />

When I inspect the page in the browser, all the meta tags are present inside the section. ✅ og:image is rendered correctly. ✅ The image URL opens directly in the browser. ✅ Facebook Sharing Debugger returns HTTP 200. ✅ All meta tags appear correctly in the browser's Inspect Element. However, when I share the page URL on Facebook, WhatsApp, LinkedIn, or other social media platforms, no Open Graph preview image (or sometimes no preview at all) is displayed. What could cause this issue even though the meta tags exist in the browser and Facebook Debugger reports a successful response? Is this related to: Client-side rendering vs. server-side rendering? Social media crawlers not executing JavaScript? Cache issues? Something else I'm missing? Any suggestions would be appreciated.