Client Side Request with SSR

[ZanQ]

Hi there, I wanted to ask for help in solving this problem, here is what I'm trying to do:

1. Serve up a public page with a dynamic route (ex. [id].js)
2. I wanted to get the Client IP (Client Side)
3. Grabbing the slug ([id]), I wanted to fetch data from an IP sending both the IP and the ID to the API url.
4. Then rendering the page with the returned data - with Open Graph tags in the header for Social Media sharing.

Can someone suggest how I should approach this?

I took advantage of useState and useEffects, but I cannot get the final rendered to overwrite the HTML source, and it builds the static HTML with the first render pass.

Thanks in Advance.