Skip to content

[BUG] Remove Suspense from layout.tsx in i18n-nextjs example #6813

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
Closed
codercody opened this issue May 25, 2025 · 2 comments · Fixed by #6819
Closed

[BUG] Remove Suspense from layout.tsx in i18n-nextjs example #6813

codercody opened this issue May 25, 2025 · 2 comments · Fixed by #6819
Assignees
@Apogee2024
Labels
bug Something isn't working

Comments

@codercody
Copy link

Describe the bug

This Suspense here seems to mess up the app styling for about half a second on load.

refine/examples/i18n-nextjs/src/app/layout.tsx

Line 33 in 39dff27

<Suspense>

I was following this example for my own app and I noticed when I remove the Supsense, the flickering goes away. Therefore, I propose removing the Suspense from the example.

Steps To Reproduce

  1. npm create refine-app@latest -- --example i18n-nextjs
  2. npm run dev
  3. Open localhost:3000 in the browser
  4. The entire website will be unstyled for half a second until the Suspense resolves.

Expected behavior

It should be styled but in a loading state.

Packages

i18n-nextjs

Additional Context

No response
@codercody codercody added the bug Something isn't working label May 25, 2025
@alicanerdurmaz
Copy link
Member

Hello @codercody, thanks for the issue!

We’ll look into it, but we’re also open to contributions 🙌 If you’d like to work on this, we’d be happy to have you!

@Apogee2024
Copy link
Contributor

I will work on this issue.

Apogee2024 added a commit to Apogee2024/Refine that referenced this issue Jun 2, 2025
@Apogee2024
fix(i18n-nextjs): remove Suspense from layout.tsx to prevent styling …
9809c85 
…flicker

The <Suspense> component wrapping the body in the i18n-nextjs example caused a flicker on initial load. Removing this component resolves the flicker.

Fixes refinedev#6813
@Apogee2024 Apogee2024 mentioned this issue Jun 2, 2025
Merged
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Apogee2024 Apogee2024

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(i18n-nextjs): remove Suspense from layout.tsx to prevent styling … Apogee2024/Refine
3 participants
@codercody @alicanerdurmaz @Apogee2024