[Bug] absolute imports reported as "Undeclared dependency" by @yarnpkg-doctor

Describe the bug

I m using absolute imports as described at https://create-react-app.dev/docs/importing-a-component/#absolute-imports

To Reproduce

Afer running yarn dlx @yarnpkg/doctor all absolute imports reported “Undeclared dependency”

This is my reproduction case:

const {promises: {writeFile}} = require(`fs`);
const path = require('path');

await yarn(`dlx`, `create-react-app`,`test`)

process.chdir(path.resolve(process.cwd(), 'test'));

await writeFile("jsconfig.json", `
{
{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}
`)
await writeFile("src/example.js", `
const title = "example import"; 
export default title;
`)

await writeFile("src/App.jsx", `
import exampleImport from "example";
export default function App() {
  return(
  <h1>{exampleImport}</h1>
 )
}
`)

const output = await yarn(`dlx`,`@yarnpkg/doctor`,`.`);

expect(output).not.toContain('Undeclared dependency on example');

Environment if relevant (please complete the following information):

• OS: [Linux]
• Node version [v12.14.1]
• Yarn version [2.0.0-rc.27]

[njj]

@arcanis Thanks for that. And if we don’t use specific things around the “name” in the package.json. i.e.

import { foo } from 'test-helpers';
import { bar } from 'test-helpers/enzyme';
import { baz } from 'api/v1-client';

What would you recommend?

[damiangreen]

@arcanis Can you elaborate a little on what the resolution is. I read the link but it’s not entirely clear. If I understand correctly I shall need to do a batch replace of every absolute import in my package. e.g. import { useContextValue } from 'components/context/tableContext' => import { useContextValue } from 'my-package-name/components/context/tableContext'

Would i need to remove baseUrl from compilerOptions and the include array?

VSCode import will not automatically add this suffix so for every new import I will need to manually add, which will be a pain