/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 votes213 views1 answer
React router yarn
Javascript React
13 votes199 views5 answers
React native setup
Javascript React
0 vote258 views1 answer
Toggle function react js
Javascript React
0 vote191 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
4 votes212 views2 answers
Hide status bar react native
Javascript React
11 votes207 views2 answers
React must be in scope when using jsx
Javascript React
1 vote192 views2 answers
Await fetch in react
Javascript React
0 vote191 views1 answer
React native scrollbar position issue
Javascript React
0 vote210 views1 answer
React route send informaion in url
Javascript React
0 vote199 views1 answer
React state deconstructed
Javascript React