Installing a npm Storybook package in my Gatsby project and getting webpack error

[jsimplicio]

Hi I am new to Gatsby. I have a Gatsby website where I am trying to import components from a Storybook package I published using npm.
I get this error with Gatsby below.

Description

Getting webpack error when trying to import a component from a npm package

Steps to reproduce

gatsby develop

Expected result

I expect when I do
import { Button } from "@firefox-ux/proton"
Inside of a .mdx page that I will be able to use that component.

Actual result

WEBPACK

Generating development JavaScript bundle failed

Can't resolve './components' in
'/Users/julessimplicio/Documents/proton-web/node_modules
/@firefox-ux/proton/dist'

If you're trying to use a package make sure that
'./components' is installed. If you're trying to use a
local file make sure that the path is correct.

File: node_modules/@firefox-ux/proton/dist/index.js:7:18

Environment

System:
    OS: macOS 11.2.3
    CPU: (8) x64 Apple M1
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.17.0 - /usr/local/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 6.14.13 - /usr/local/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Safari: 14.0.3
  npmPackages:
    gatsby: ^3.4.1 => 3.6.1
    gatsby-plugin-gatsby-cloud: ^2.6.1 => 2.6.1
    gatsby-plugin-mdx: ^2.6.0 => 2.6.0
    gatsby-plugin-page-creator: ^3.6.0 => 3.6.0
    gatsby-plugin-sass: ^4.6.0 => 4.6.0
    gatsby-source-filesystem: ^3.6.0 => 3.6.0
  npmGlobalPackages:
    gatsby-cli: 3.6.0

this is my config gatsby file

const path = require('path');

module.exports = {
  siteMetadata: {
    title: "Proton",
  },
  plugins: [
    "gatsby-plugin-sass", 
    "gatsby-plugin-gatsby-cloud", 
    {
      resolve: `gatsby-plugin-mdx`,
      options: {
        defaultLayouts: {
          default: require.resolve("./src/components/layout.js"),
        },
      },
    },
  ]
};

[LekoArts]

Can you share a repository? This sounds like a user error on your end or maybe you'll need to adapt the tooling a bit to account for your npm package that isn't compiled correctly.