fix: build-storybook failure with Node 18

.github/workflows/main.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Config git

.github/workflows/pr.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
           registry-url: 'https://registry.npmjs.org'
 
       - name: Config git

.github/workflows/release.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
 
       - name: Install dependencies
         run: npm ci

.gitignore

@@ -38,4 +38,6 @@ yarn-error.log*
 
 /dist
 
+/storybook-static
+
 .parcel-cache

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.storybook/main.cjs

@@ -1,4 +1,7 @@
 module.exports = {
+  core: {
+    builder: 'webpack5',
+  },
   features: {
     previewMdx2: true,
   },

.storybook/package.json

@@ -0,0 +1 @@
+{}

components/Navigation/Navigation.stories.tsx

@@ -17,7 +17,7 @@ import {
 import { modifyVariantsForStory } from '../../utils/modifyVariantsForStory';
 import { Badge } from '../Badge';
 import { Text } from '../Text';
-import { useDebouncedCallback } from 'use-debounce/lib';
+import { useDebouncedCallback } from 'use-debounce';
 
 export default {
   title: 'Components/Navigation',