/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

3 votes160 views1 answer
React how to create range
Javascript React
2 votes123 views1 answer
React-native-reanimated npm
Javascript React
0 vote144 views1 answer
React native fetch response code
Javascript React
0 vote127 views1 answer
Autofocus is not working in react native
Javascript React
1 vote141 views1 answer
How to remove name in react navigation header
Javascript React
6 votes129 views3 answers
React native vector icons not working
Javascript React
2 votes124 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote128 views1 answer
React chat sheet
Javascript React
4 votes129 views4 answers
Deploy react app
Javascript React
0 vote125 views1 answer
React native run real device
Javascript React