@react-three/test-renderer not working with create-react-app

[crevulus]

I have tried every iteration of this, and I can only conclude that create-react-app has something in the set up that prevents the test renderer from running properly.

I followed the example from the docs pretty much exactly. Here's it working perfectly in code sandbox: https://codesandbox.io/s/react-three-test-renderer-example-js-ne4w0
and another one in TS: https://codesandbox.io/s/react-three-test-render-example-ts-cj1re?file=/src/Box.tsx:0-755

They work. And yet, when I try to run tests locally, they fail. The children array is always empty, so I get undefined errors thrown at me when I try to do renderer.scene.children[0].allChildren.

Steps to repreoduce

1. Create react app (with --template typescript if you so choose)
2. Create a box with boxGeometry and meshStandardMatieral
3. Try looking for the children in your App.test.js.

Honestly just copy my code in locally. If it works, please let me know and drive me even deeper into madness.

I've tried with both yarn and npm, too.

[joshuaellis]

What version of react and r3f are you using?

[DoctorTone]

I may be a little late to this party (apologies) but have you tried mocking the scheduler at the top of your file?
jest.mock("scheduler", () => require("scheduler/unstable_mock"));
I seem to remember something similar, just a thought...

[jrolfs]

Yeah, despite verifying that I had React 17 (and not 18) installed, I had to mock the scheduler in order to get the renderer to work at all.

[Marlinxx]

@crevulus Is this resolved?