Google Indexed Wrong Meta Desciption

[rizkiandrianto]

Hey, I just want to share the problem to everybody using react-joyride.
We are facing an issue, which is caused Google display wrong desc about our site.

We have a website, like this:

But when I search using google search, it appears like this:

Seems like the joyride replacing my description, but it's not.

Anybody can tell me how the google crawler works for this, and how to avoid this?

Thanks !

Edit:
I use Next JS (Server Side Rendered Page)

[gilbarbara]

Hey @rizkiandrianto

There's no secret to how the Google crawler works. It indexes whatever it is on the rendered markup.
And this library doesn't run on the server-side since it needs the DOM, so there's no way for it to be outputting anything at that stage...

[rizkiandrianto]

Yes @gilbarbara , but as you can see, looks like it replacing the <meta name="description"... i gave it before.
Do you know why this can be happened?

[gilbarbara]

I have no idea.