[BUG] Typescript types are not detected in nodeNext resolution environment

[Inviz]

Description

When using nodeNext module resolution in typescript, react-chakra-select types are not detected. Because when "exports" is present, "types" at root level supposed to be ignored

Solution is to add

"types": "dist/types/index.d.ts"

to package.json "exports" object after "default"

chakra-react-select Version

4.2.2

Link to Reproduction

No response

TypeScript?

• Yes I use TypeScript

Steps to reproduce

1. Create tsconfig with "moduleResolution": "NodeNext",
2. Include "chaka-react-select"
3. Try to typecheck

Operating System

• macOS
• Windows
• Linux
• iOS/iPadOS
• Android

Additional Information

No response

[csandman]

So just to get this clear, you just want me to change the exports key in the package.json to the following?

"exports": {
  ".": {
    "require": "./dist/cjs/index.js",
    "default": "./dist/esm/index.js",
    "types": "dist/types/index.d.ts"
  }
},

[Inviz]

Yes sir. It's a safe change, as everything that need the JS will stop at default. But it will allow typescript to pick up the types. There's a little bit of uncertainty if it should be index.d.ts or index.js. Both works. However it seems that index.js is more backward-compatible with older versions, but don't quote me on that. I'd personally add index.d.ts.

"exports": {
  ".": {
    "require": "./dist/cjs/index.js",
    "default": "./dist/esm/index.js",
    "types": "./dist/types/index.d.ts"
  }
},

Little correction - ./dist

[csandman]

ok cool, yes I can add that! Thanks for bringing this to my attention

[Inviz]

Thanks a lot!

[csandman]

Should be published now in v4.2.3, let me know if you're still running into any issues!

[Inviz]

Seems to be smooth. many thanks for quick turnaround

[itsam]

Hello, this update broke my Next.js project (no Typescript). After upgrading to 4.2.3 I am getting

Module not found: Default condition should be last one. 
> 1 | import { Select } from "chakra-react-select";

If I remove from node_modules (package.json) the following line, then everything works fine
"types": "./dist/types/index.d.ts"
I have tried to remove completely node_modules and yarn.lock and install again and the problem remains...

Thanks in advance

[Nithur-M]

@itsam I am facing the same issue.

I am using CreatableSelect.

[Inviz]

Oh my god, I'm really sorry it was my fault. I thought it's a good idea to do that way. I did not get anything of that sort on my build. I thought it's a safe bet.

@itsam Which version of typescript is that? What's throwing the error? Is it yarn?

@csandman Sir I'm super sorry, looks like we need to rearrange it to make non-last. My bad.

[Inviz]