I have been working on a React Typescript repo and have been running into an annoying issue where in jest is not able to resolve imports relative to root dir.

 Cannot find module '~lib/dates' from 'utils.ts'

And this how the import looks like in the component / utils

import { abc } from '~lib/dates';   // this fails to run

If I change this to a relative path jest test runs works as expected

import { abc } from '../../lib/dates';   // this runs as expected

The same path work for some other directories and I am a bit stumped

import { xyz } from '~components/home/constants';   // jest resolves it

import { abc } from '~lib/dates';                     // ERR

I tried including moduleNameWrapper in the jestConfig to see if it jest can resolve the imports correctly but it did not help.

package.json

"jest": {

   ...



   "moduleNameWrapper": {

      "^~(.*)$": "<rootDir>/src/$1"

    }

}

I could for sure update the VS code setting so that auto imports are resolved relatively to the file and not with the root dir but this has been bugging me for a while. It would be great if anyone has any pointers on how best to resolve this.

I am on a monorepo with the following directory structure

repo

  server

  client

    src

       components

       lib

       utils

    package.json