conorhastings / conorhastings/react-syntax-highlighter-virtualized-renderer

Using this renderer, component doesn't actually render anything

Open
#7 7 comments 3 reactions 0 assignees View on GitHub
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:
![image](https://user-images.githubusercontent.com/10502198/79463432-856c2080-8001-11ea-9580-828cfce63222.png)

Once it's removed, customized completely or not at all, the code passed to the highlighter is rendered normally:
![image](https://user-images.githubusercontent.com/10502198/79463591-b187a180-8001-11ea-9a82-2a61607a75a5.png)

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.