ReactでTest時にWarning出てた

コード

code:typescript

test("「利用規約の同意」チェックボックスを押下すると「サインアップ」ボタンは活性化", async () => {

render(<Form />);

await user.click(screen.getByRole("checkbox"));

expect(screen.getByRole("button", { name: "サインアップ" })).toBeEnabled();

});

Warning文

code:javascript

console.error

Warning: An update to Form inside a test was not wrapped in act(...).

When testing, code that causes React state updates should be wrapped into act(...):

act(() => {

/* fire events that update state */

});

/* assert on the output */

調べた

actでラップしろって言われてるけどラップしても変わらない。

waitFor使ったりしてみても特に変わらなかった。

もう一つのリポジトリでやってる時はエラー出てなくてよく分からん。

調べてみたら、こっちも14になってた。

解決方法

ちゃんとみてないけど、ここで話してるのと多分おんなじことやと思われる。

みたもの