importing types with "vite-plugin-svgr/client" does not work for "moduleResolution": "node16"

[gunters63]

Typescript requires package exports with condition "types" for subpath imports like "vite-plugin-svgr/client" when moduleResolution node16 is enabled.

Reproduction is easy:

Create a minimal React Typescript App with Vite and add like:

npm create vite@latest node16-bug -- --template react-ts
cd node16-bug
npm install vite-plugin-svgr

Add "types": ["vite-plugin-svgr/client"] to compilerOptions in tsconfig.node.json

Change to "moduleResolution": "node16" in tsconfig.json.

Change all existing relative imports to include the extension to make them compatible to node16 resolution.

Add the svgr plugin to vite.config.ts.

Add a SVG import.

Run type check with tsc --noemit. There will be an error:

error TS2688: Cannot find type definition file for 'vite-plugin-svgr/client'.
  The file is in the program because:
    Entry point of type library 'vite-plugin-svgr/client' specified in compilerOptions

  tsconfig.json:9:30
    9     "types": ["vite/client", "vite-plugin-svgr/client"]
                                   ~~~~~~~~~~~~~~~~~~~~~~~~~
    File is entry point of type library specified here.

For an easy fix add the following to the exports in vite-plugin-svgr package.json:

    "./client": {
      "types": "./client.d.ts"
    }

[pd4d10]

Thanks for the feedback! Would you like to send a PR?

[gunters63]

ok, done :)