Skip to content

fix client side render error in next js #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
thomasyuill-livekit wants to merge 4 commits into
base: main
Choose a base branch
from
Open

fix client side render error in next js #3

thomasyuill-livekit wants to merge 4 commits into from

Conversation

@thomasyuill-livekit
Copy link

@thomasyuill-livekit thomasyuill-livekit commented Dec 12, 2025 •
edited
Loading

Fix client-side render error in Next.js

Problem

The shader component throws compilation error in Next.js applications when rendered client-side.
This shader compiles and renders fine through SSR.

Screenshot 2025-12-29 at 3 32 26 PM

Solution

  • Migrate from class component to function component,
  • Wrap initial drawScene() call in requestAnimationFrame

@thomasyuill-livekit thomasyuill-livekit mentioned this pull request Dec 12, 2025
Merged
@thomasyuill-livekit thomasyuill-livekit force-pushed the fix-render-error branch 2 times, most recently from b106fe7 to 6392e62 Compare December 15, 2025 15:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@thomasyuill-livekit