NotionX / NotionX/react-notion-x

Code blocks are not loaded sometimes

Open
#377 7 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
5.4k
Forks
645
PR merge metrics
No merged PRs in 30d

Description

Description

Sometimes the code blocks are not loaded. If you refresh the page multiple times you can see that the code blocks does not appear. I think the cause of this problem is the dynamic import for optional components.

image

This is how the HTML of the code blocks looks like when it is not rendered:

<div class="notion-blank notion-block-a1dbb3d4d751437d96ce2d412e14e954">&nbsp;</div>
Notion Test Page ID

https://react-notion-x-demo.transitivebullsh.it/0c322c33381c49bca5083a451c334c39

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the missing code blocks using the linked Notion test page, refreshing until a blank block appears. Start by tracing the dynamic import path for optional components and compare the rendered HTML with the expected code-block output. Done means code blocks render consistently across repeated page loads.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs, react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.