/Javascript/React/TS2307: Cannot find module './archive.svg' jest react

TS2307: Cannot find module './archive.svg' jest react

"jest": {
  "setupTestFrameworkScriptFile": "<rootDir>/jest.setup.js",
  "testPathIgnorePatterns": [
    "<rootDir>/.next/",
    "<rootDir>/node_modules/"
  ],
  "transform": {
    "\\.(gql|graphql)$": "jest-transform-graphql",
    ".*": "babel-jest",
    "^.+\\.js?$": "babel-jest"
  },
  "moduleFileExtensions": [
    "js",
    "json",
    "ts",
    "tsx"
  ],
  "modulePaths": [
    "<rootDir>/components/",
    "<rootDir>/pages/",
    "<rootDir>/shared/"
  ]
}

Source: stackoverflow.com

TS2307: Cannot find module './archive.svg' jest react

import React from 'react';
import { shallow } from 'enzyme';
import toJson from 'enzyme-to-json';

// @ts-ignore (works with .tsx)
import Astronaut from '../Astronaut.tsx';

describe('<Astronaut /> component', () => {
  describe('should render', () => {
    const wrapper = shallow(<Astronaut showLogo={true} />);
    it ('should render a component matching the snapshot', () => {
      const tree = toJson(wrapper);
      expect(tree).toMatchSnapshot();
      expect(wrapper).toHaveLength(1);
    });
  });
});

Source: stackoverflow.com

Similar codes

5 votes145 views3 answers
React routes multiple compoenents
Javascript React
0 vote146 views1 answer
React looping hooks to display in other hook
Javascript React
1 vote93 views1 answer
React use callback
Javascript React
1 vote143 views1 answer
How hooks handle dependency in react
Javascript React
11 votes143 views4 answers
React native flatlist
Javascript React
4 votes153 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
4 votes173 views1 answer
Add array of object to state react
Javascript React
8 votes135 views3 answers
Change title react
Javascript React
12 votes143 views3 answers
Get value of input react
Javascript React
0 vote153 views1 answer
React regions
Javascript React