'How to fix NextJS webpack error: You may need an appropriate loader to handle this file type, currently no loaders are configured

I generated NextJS project using TypeScript template and I want to add my Storybook to the project. Storybook is written in TypeScript. When I'm adding Storybook to my NextJS project I'm getting such webpack error: "You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file ". Both NextJS and Storybook are using webpack 5. How is possible to fix this error?

Here is full error which I'm getting: enter image description here



Solution 1:[1]

This library is not transpiled. You can try using next-transpile-modules.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 MarkosTh09