Error with @chakra-ui/image 1.1.1 (chakra-ui 1.7.1) when running tsc

Description

When I started development of new app with vite and chakra-ui, I noticed that there is TS error in @chakra-ui/image on compile

Link to Reproduction

It’s error with typescript

Steps to reproduce

1. Create new app using with importing chakra 1.7.1
2. Run tsc
3. See error

Chakra UI Version

1.7.1

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

TS error log:

node_modules/@chakra-ui/image/dist/declarations/src/use-image.d.ts:1:23 - error TS2688: Cannot find type definition file for 'next'.

1 /// <reference types="next" />

[thomaseizinger]

@cschroeter Can you reopen this issue please? It is still a problem!

[tkesgar]

It seems that there is a line /// <reference types="next" /> in the compiled TypeScript definition file for use-image module. It will cause issue on projects that do not use Next.js, since the package does not exist.

https://unpkg.com/browse/@chakra-ui/image@1.1.1/dist/declarations/src/use-image.d.ts

I do not have a clue why this line would exist. It only occurs in one file. The change seems to be from v1.0.22 to v1.1.0, which has a different folder layout (probably due to build tool changes):

• https://unpkg.com/browse/@chakra-ui/image@1.0.22/dist/types/use-image.d.ts
• https://unpkg.com/browse/@chakra-ui/image@1.1.0/dist/declarations/src/use-image.d.ts

Some workarounds:

• Add "skipLibCheck": true to your tsconfig.json. This will skip package definitions to be checked deeply: https://www.typescriptlang.org/tsconfig#skipLibCheck
• If you are using Yarn, you can try resolution. I don’t use Yarn so I have not tried this.
• You can manually remove the line in the file. Search the node_modules folder for /// <reference types="next" /> and remove any lines from the file use-image.d.ts. This will not work on automated environments such as CI, but if you are still working in local environment, this is a temporary workaround until a proper fix is created.