Cannot find module '@emotion/styled/base' from

[lucas-muela-sogeti]

when running npm run test (using jest)
it fails to find the node library.

this is the file being snapshooted

interface Themeprops {
Theme: any
}

export default function Loading(){
const Theme = useSelector( (state: any) => state.Theme);

    return(        
        <Content Theme={Theme}>
           <CircularProgress />
        </Content>
    )

}

const Content = styled.div({
display: 'flex',
height: '100%',
justifyContent: 'center',
alignItems: 'center',
width: '100%',

},props=>({
'.MuiCircularProgress-svg':{
fill: props.Theme.Corporate.darkBlue,
color: props.Theme.Corporate.darkBlue,
}

}))

this is the test:

import React from 'react';
import renderer from 'react-test-renderer';
import Section from '../components/Generic/Section';

test('Section works', () => {
expect(
renderer
.create(

This is hotpink.

)
.toJSON()
).toMatchSnapshot()
})

dunno why tries to find @emotion/styled/base...

this is the error from jest
Cannot find module '@emotion/styled/base' from 'Loading.tsx'

However, Jest was able to find:
    './Loading.tsx'

You might want to include a file extension in your import, or update your 'moduleFileExtensions', which is currently ['js', 'json', 'jsx', 'ts', 'tsx', 'node'].

See https://jestjs.io/docs/en/configuration#modulefileextensions-array-string

However, Jest was able to find:
    '../components/Generic/Section.tsx'

You might want to include a file extension in your import, or update your 'moduleFileExtensions', which is currently ['js', 'json', 'jsx', 'ts', 'tsx', 'node'].

See https://jestjs.io/docs/en/configuration#modulefileextensions-array-string

   6 |     Theme: any
   7 | }
>  8 |
     | ^
   9 | export default function Loading(){
  10 |     const Theme = useSelector( (state: any) => state.Theme);
  11 |

  at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:259:17)
  at Object.<anonymous> (src/components/Generic/Loading.tsx:8:36)