Using React.Fragment (empty tags) causes Runtime Error. Failed to construct 'IntersectionObserver': rootMargin must be specified in pixels or percent. #104
Failed to construct 'IntersectionObserver': rootMargin must be specified in pixels or percent.
at new e.IntersectionObserver (chrome-extension://ekhagklcjbdpajgpjgmbionohlpdbjgc/lib/SingleFile/single-file-hooks-frames.js:1:8206)
at createObserver (http://localhost:3000/static/js/bundle.js:41452:22)
at observe (http://localhost:3000/static/js/bundle.js:41509:7)
at http://localhost:3000/static/js/bundle.js:41587:27
at http://localhost:3000/static/js/bundle.js:41683:5
at commitAttachRef (http://localhost:3000/static/js/bundle.js:32135:24)
at commitLayoutEffectOnFiber (http://localhost:3000/static/js/bundle.js:32016:13)
at commitLayoutMountEffects_complete (http://localhost:3000/static/js/bundle.js:33015:13)
at commitLayoutEffects_begin (http://localhost:3000/static/js/bundle.js:33004:11)
at commitLayoutEffects (http://localhost:3000/static/js/bundle.js:32950:7)
This makes it a bit tricky to do array mappings, e.g.
Basically, this works:
But this throws runtime error:
Full Error:
This makes it a bit tricky to do array mappings, e.g.
A work around is to generate a rolled out array first, and then map each element to a single
Step
element.