[checkbox] `useMixedCheckbox` logs unexpected dev warning in testing

[themoor88]

NOTE: As of 0.15.1 this should be a dev warning instead of an error, but I haven't had time to investigate the root cause.

-- Chance

---

🐛 Bug report

Current Behavior

This is my checkbox component.

This is my test.

This is what happens when I run the test.

Expected behavior

I am not using the useMixedCheckbox at all in my component yet my test errors out here.

Your environment

Reach Package - Checkbox v0.13.2
React -v17.0.1
Browser - Chrome -Version 88.0.4324.192 (Official Build) (x86_64)
Node - v14.9.0
Operating System - macOS Big Sur v11.2.3

[themoor88]

Does anyone have any idea for this issue? Bump.

[chaance]

@themoor88 Do you get this error in any other situation than testing?

[themoor88]

No. It's only when I run tests.

[WojciechMatuszewski]

My first guess is that you need to wrap the act of creating the component with act to let React run all the initial effects (useEffect callbacks).

Will look into this tomorrow morning.

[themoor88]

@WojciechMatuszewski Any update on this? I tried to use act but had no luck.

[WojciechMatuszewski]

@WojciechMatuszewski Any update on this? I tried to use act but had no luck.

Sorry for not answering initially, a lot of things is going on at my workplace.

Could you please provide a codesandbox link / screenshot of how you modified your test?

I should be able to take a look during the weekend. Sorry again.

[chaance]

I think this can also just be a console warning instead of throwing TBH. We could silence it in a test env the same as we do with checking styles, or at least improve the message to make it easier to debug.

[chaance]

I haven't had time to investigate the root issue here, but FYI the update I just released logs a warning instead of throwing. This might still be a bit annoying but hopefully less disruptive still than the error.

[chaance]

As of 0.15.1 this should just be a warning.