How to solve Cannot Destructure Property trouble in enzyme?

Question

React

Test file:

import React from "react";
import DataAdmin from "../../../src/components/data-admin/DataAdmin";
import { configure, shallow } from "enzyme";
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

it("should render DataAdmin component", () => {
    const component = shallow(<DataAdmin />);
    const dataTable = component.find("DataTable");
    expect(dataTable.length).toBe(1);
});

Error:
Component Fragment:

const DataAdmin = () => {
  const {
    preparedEvents, 
    dropdownItems,
    dropdownClicked, setDropdownClicked,
    loading,
    updatedChanges, setUpdatedChanges
  } = useContext(EventsLoadingContext);

Answer 1

Try passing the context to shallow :

const component = shallow(<DataAdmin />, { context: ... });

Answer 2

Your context is empty, mock it.