react stories doesnt shows font awesome icon

Hello there. I created a component with fontawesome icon. It works fine but it doesnt shows in my stories. I imported @fortawesome files and added fas to the library in the preview.js. Then my story shows “Cannot read property ‘icon’ of undefined”. Anyone know why?

preview.js

import { library } from "@fortawesome/fontawesome-svg-core";
import { fas } from "@fortawesome/free-solid-svg-icons";
library.add(fas);
export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
};

[ooo2003003v2]

We’re on the same boat Trying to get font awesome icons to work on storybook with react. No bueno

Actually I figure it out that what you need is import the files inside preview.js/.ts

[gabrielurenah]

We’re on the same boat 😞 Trying to get font awesome icons to work on storybook with react. No bueno 😕