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.

Carousel items don't render on server side with the newest Next (9.2.0)

See original GitHub issue

I’m using the lib with Next.js and SSR enabled. It worked fine for me on 9.1.4 version, but after updating Next to 9.2.0 carousel items don’t render on the first page load. After navigating to another page and coming back, so that the carousel renders on client side, the items appear. What’s strange is that setting ssr prop to false doesn’t fix the issue.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
bkyamcommented, Jun 24, 2020

I’m on nextjs 9.3.4 and there are no issues. Not sure if you can upgrade.

1reaction
MemoVDGcommented, Apr 26, 2020

I have same issue and fixed by:

import "react-responsive-carousel/lib/styles/carousel.min.css";

I added that line on the _app.js and is not working either. I’m working with “next”: “9.3.5” and “react-responsive-carousel”: “^3.2.4”

Read more comments on GitHub >

github_iconTop Results From Across the Web

React multi carousel doesn't do server side render
When I click View Page Source I don't see the text 'hola'. what am I doing wrong? Do I need to add some...
Read more >
How to disable Server-Side Rendering in Next.js
There are some instances where you don't need SSR for your Next.js components. In this article, we'll go over how you can disable...
Read more >
Element ref behavior differs in development and production for ...
After updating to next@9.2 it seems that the refs are not being created during server-side render in development mode.
Read more >
Rendering: Server and Client Components - Next.js beta docs
Learn how use Server and Client Components in your Next.js application.
Read more >
Refreshing Server-Side Props - Next.js - Josh W Comeau
React uses that data as the initial props when rendering the new page, in-browser. One of the things that makes Next.js so cool...
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