/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

0 vote243 views1 answer
React-template-helper
Javascript React
4 votes213 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
133 votes726 views6 answers
Using bootstrap with react
Javascript React
2 votes208 views1 answer
View background image in react native
Javascript React
0 vote237 views1 answer
React developer cvs
Javascript React
6 votes228 views1 answer
How to import dotenv in react
Javascript React
0 vote258 views3 answers
React form validation
Javascript React
0 vote259 views1 answer
React-hook-form image
Javascript React
4 votes209 views1 answer
UseEffect with axios react
Javascript React
0 vote260 views1 answer
Props with ternary in react
Javascript React