"import type" causing error after migrating from Storybook 7 to 8

[szimek]

Summary

Hi!

I'm trying to upgrade our project from Storybook 7 to 8 (8.1.5).

I'm getting the following error for every file wherever there's import type call:

ERROR in ./pages/Homepage/components/HomepageAppHeader/HomepageAppHeader.stories.tsx 6:12
Module parse failed: Unexpected token (6:12)
File was processed with these loaders:
 * ./node_modules/@storybook/builder-webpack5/dist/loaders/export-order-loader.js
 * ./node_modules/unplugin/dist/webpack/loaders/transform.js
You may need an additional loader to handle the result of these loaders.
| import { HomepageAppHeader } from './HomepageAppHeader';
| import { HomepageAppHeaderSkeleton } from './HomepageAppHeaderSkeleton';
> import type { Meta, StoryFn } from '@storybook/react';
| export default ({
|   title: 'Pages/Homepage/Components/Homepage App Header',
 @ ./pages/Homepage/components/HomepageAppHeader/ lazy ^\.\/.*$ include: (?%21.*node_modules)(?:\/pages\/Homepage\/components\/HomepageAppHeader\/HomepageAppHeader\.stories\.tsx)$ chunkName: [request] namespace object ./HomepageAppHeader.stories.tsx ./HomepageAppHeader.stories
 @ ./storybook-stories.js 10:11-14:5
 @ ./storybook-config-entry.js 6:0-50 18:31-39 25:2-28:4 25:58-28:3 27:31-39

I'm using @storybook/[email protected]. Is there some additional config I need to do when working with Typescript, Babel and Webpack? Should it automatically pick up our babel.config.js file?

Additional information

No response

Create a reproduction

No response

[szimek]

I was missing the @storybook/addon-webpack5-compiler-babel package.