question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue with server rendering using Next.js

See original GitHub issue

I’m having trouble server rendering this component using next.js.

I’m getting “self is not defined”

It’s because self is only defined in the browser.

I wonder if you guys would consider a PR regarding a fix to this so we can enable react-querybuilder to be server-rendered? 👍

Thanks for the great work.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:24 (12 by maintainers)

github_iconTop GitHub Comments

1reaction
aftabnaveedcommented, Jan 17, 2021

OK, @aftabnaveed, I published v3.9.1 with the Math.random() change. Let me know if that fixes your issue.

That fixes the issue. Thank you very much!

1reaction
aftabnaveedcommented, Jan 17, 2021

Let’s try that.

Read more comments on GitHub >

github_iconTop Results From Across the Web

react-hydration-error - Next.js
In general this issue is caused by using a specific library or application code that is relying on something that could differ between...
Read more >
Server-side rendering not working on production in Next.js ...
When using server-side rendering with next@12.1.6, the context doesn't get passed down to the children component.
Read more >
Server-Side Rendering With Next.js | by Prateek Vijayvergiya
Problem with Client Side rendering (CSR). React, Angular and Vue are used to create Single Page Applications (SPAs). But they all provide CSR ......
Read more >
Next.js Server-Side Rendering Practical Example - DailyDev.io
On this issue, we will be talking about Next.js Server-Side Rendering, enabling high-performant websites by pre-rendering HTML instead of ...
Read more >
Server-Side Rendering with Next.js - Launch Scout
Your Javascript bundle size is way too large, causing performance issues on older computers and mobile devices, but using webpack or another ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found