fix: Storybook build

.github/workflows/gatsby.yml

@@ -18,5 +18,8 @@ jobs:
       - name: Install Dependencies
         run: npm ci
 
-      - name: Run test and coverage
+      - name: Run Gatsby Build
         run: npm run build-ci
+
+      - name: Run Storybook Build
+        run: npm run build-storybook

.github/workflows/test.yml

@@ -12,7 +12,7 @@ jobs:
     steps:
       - uses: actions/checkout@v2
         with:
-          persist-credentials: false      
+          persist-credentials: false
 
       - name: Set up Node.js
         uses: actions/setup-node@v2

.storybook/main.js

@@ -19,6 +19,8 @@ module.exports = {
     config.module.rules[0].use[0].options.plugins = [
       // use @babel/plugin-proposal-class-properties for class arrow functions
       require.resolve('@babel/plugin-proposal-class-properties'),
+      require.resolve('@babel/plugin-proposal-private-methods'),
+      require.resolve('@babel/plugin-proposal-private-property-in-object'),
       // use babel-plugin-remove-graphql-queries to remove static queries from components when rendering in storybook
       require.resolve('babel-plugin-remove-graphql-queries'),
     ];
@@ -33,6 +35,10 @@ module.exports = {
 
           plugins: [
             require.resolve('@babel/plugin-proposal-class-properties'),
+            require.resolve('@babel/plugin-proposal-private-methods'),
+            require.resolve(
+              '@babel/plugin-proposal-private-property-in-object'
+            ),
             // use babel-plugin-remove-graphql-queries to remove static queries from components when rendering in storybook
             require.resolve('babel-plugin-remove-graphql-queries'),
           ],