/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 vote139 views1 answer
Horizontal scrollview in react js
Javascript React
0 vote138 views1 answer
React native passing params to nested navigators
Javascript React
0 vote131 views1 answer
How to imporrt Browserrouter in react
Javascript React
3 votes142 views1 answer
React native duplicate resources: Android
Javascript React
0 vote146 views1 answer
Network display react native
Javascript React
0 vote151 views1 answer
React-multi-carousel don't work
Javascript React
98 votes165 views2 answers
Add bootstrap to react,.........,,,,
Javascript React
1 vote118 views1 answer
Tailwincss in react native
Javascript React
15 votes130 views1 answer
Reducer in react example
Javascript React
0 vote135 views1 answer
Sort by string react
Javascript React