TypeError：对不可迭代实例 React/Jest 的解构尝试无效

Question

我正在尝试使用 Jest 对我的 React 应用程序的一个功能组件进行 SnapShot 验证。这是使用 Jest 的组件和测试文件

import React, { useState } from 'react';
import useForm from 'react-hook-form';
import { useAppState } from 'Shared/store';
...

const Form = () => {

const {customReducer, dispatch} = useAppState();
const { register, handleSubmit, errors, reset } = useForm({});

//custom form methods

return (
<>
   <Form ...>
     ...
   </Form>
   ....
</>
);
export default Form;

以及我使用 Jest 进行的测试

import React from 'react';
import TestRenderer from 'react-test-renderer';
import ShallowRenderer from 'react-test-renderer/shallow';
import Form from '../form';

describe('<Form />', () => {
    test('Snapshot', () => {
    const tree = TestRenderer.create(<Form />).toJSON();
    expect(tree).toMatchSnapshot();
  });
});

而且我遇到了错误 TypeError: 无效的解构不可迭代实例的尝试

也尝试过 Enzyme，但得到了同样的错误。花很多时间参考其他相关问题，但无法弄清楚。谢谢你。

Answer 1

有一个类似的问题，Storybook 使用钩子 (useContext) 将 Invalid attempt to destruct non-iterable instance 扔到组件上。

解决方案是使用默认值 createContext([{}, function() {}]) 启动上下文

我找到了解决方案here