Storybook aliases

[ricardo-fnd]

Hi 👋
I have integrated storybook in turborepo, specifically in packages/shared/storybook.
To make aliases to all my apps/ I did the following in main.ts:

staticDirs: [
    { from: '../../../../apps/router', to: 'router/' },
    { from: '../../../../apps/register', to: 'register/' },
    { from: '../../../../apps/login', to: 'login/' }
  ],

And then in the story I just access login/src/components/Example.tsx and the same for the other apps, and this configuration is working.

The problem is that the component associated with the story (Example.tsx) is accessing its public folder like public/images/example.svg and this is throwing an error only when I execute storybook. If I execute only the app, no error is thrown.

I'm guessing its because storybook doesn't have a public/ alias, but if this is the case, I can't add public/ for the 3 projects, because the import its the same, but the paths are different between apps.