conorhastings / conorhastings/react-syntax-highlighter-virtualized-renderer
Using this renderer, component doesn't actually render anything
- Dominant language
- JavaScript
- Stars
- 32
- Forks
- 7
- PR merge metrics
- No merged PRs in 30d
Description
Hello Conor,
I am trying to incorporate your virtualized-renderer into our component since our code snippets are often very heavy (around 5k lines of code on average) and render-expensive.
No matter what I tried, changed or modified, eventually removing every customization and trying to use it directly as it is in the example,
Once the `renderer={virtualizedRenderer()}` prop is added, nothing is rendered:

Once it's removed, customized completely or not at all, the code passed to the highlighter is rendered normally:

Kind of at a loss here since I tried literally everything I could think of.
Any help would be appreciated.
Thanks
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the example with the `renderer={virtualizedRenderer()}` prop, then compare it with the same code rendered without that prop. Investigate why the renderer produces no visible output; done means the component displays the provided code while using the virtualized renderer.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100