chore: 🤖 migrate to Storybook 6.5.16

.storybook/main.js

@@ -1,7 +1,10 @@
 module.exports = {
+  stories: [],
+  addons: ['@storybook/addon-essentials'],
   // uncomment the property below if you want to apply some webpack config globally
   // webpackFinal: async (config, { configType }) => {
   //   // Make whatever fine-grained changes you need that should apply to all storybook configs
+
   //   // Return the altered config
   //   return config;
   // },

apps/weshipit/pages/api/hello.tsx

@@ -1,7 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 
 export const config = {
-  runtime: 'experimental-edge', // this is a pre-requisite
+  runtime: 'edge', // this is a pre-requisite
 };
 
 // eslint-disable-next-line import/no-anonymous-default-export

apps/weshipit/pages/api/og.tsx

@@ -2,7 +2,7 @@ import { ImageResponse } from '@vercel/og';
 import { NextRequest } from 'next/server';
 
 export const config = {
-  runtime: 'experimental-edge',
+  runtime: 'edge',
 };
 
 export default function handler(req: NextRequest) {
@@ -31,8 +31,8 @@ export default function handler(req: NextRequest) {
         height: 630,
       }
     );
-  } catch (e: any) {
-    console.error(`${e.message}`);
+  } catch (error: any) {
+    console.error(`${error.message}`);
     return new Response(`Failed to generate the image`, {
       status: 500,
     });

apps/weshipit/pages/index.tsx

@@ -39,7 +39,7 @@ export default function IndexPage({ clients }: clientsPageProps) {
       ogImageTitle="React Native Experts"
     >
       <Hero>
-        <h1 className="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-5xl md:text-6xl lg:text-5xl xl:text-6xl">
+        <h1 className="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-5xl">
           <span className="block xl:inline">
             A tiny studio,
             <br />

apps/weshipit/pages/react-native-tools/index.tsx

@@ -61,7 +61,7 @@ export async function getServerSideProps() {
         airtable_tableData(
           airtable_apiKey: "${apiKey}"
           airtable_baseId: "${baseId}"
-          tableName: "API"
+          tableName: "tools"
         ) {
           records {
             fields

libs/ui/.storybook/main.js

@@ -11,7 +11,7 @@ module.exports = {
     '../src/lib/**/*.stories.@(js|jsx|ts|tsx)',
   ],
   addons: [
-    '@storybook/addon-essentials',
+    // '@storybook/addon-essentials',
     ...rootMain.addons,
     '@nrwl/react/plugins/storybook',
   ],

package.json

@@ -28,29 +28,29 @@
   },
   "private": true,
   "dependencies": {
-    "@apollo/client": "^3.7.1",
-    "@calcom/embed-react": "^1.0.9",
-    "@headlessui/react": "^1.7.7",
-    "@heroicons/react": "^2.0.13",
-    "@next/font": "^13.0.3",
+    "@apollo/client": "^3.7.10",
+    "@calcom/embed-react": "^1.0.10",
+    "@headlessui/react": "^1.7.13",
+    "@heroicons/react": "^2.0.16",
+    "@next/font": "^13.2.3",
     "@prismicio/client": "^6.7.1",
-    "@prismicio/react": "^2.5.0",
-    "@vercel/og": "^0.0.20",
+    "@prismicio/react": "^2.5.2",
+    "@vercel/og": "^0.3.0",
     "autoprefixer": "^10.4.13",
     "class-variance-authority": "^0.4.0",
-    "core-js": "^3.6.5",
+    "core-js": "^3.29.0",
     "graphql": "^16.6.0",
     "lodash": "^4.17.21",
-    "next": "13.1.1",
+    "next": "13.2.3",
     "next-seo": "^5.14.1",
-    "next-sitemap": "^3.1.31",
-    "postcss": "^8.4.20",
+    "next-sitemap": "^4.0.2",
+    "postcss": "^8.4.21",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-gravatar": "^2.6.3",
-    "regenerator-runtime": "0.13.7",
-    "tailwindcss": "^3.2.4",
-    "tslib": "^2.3.0"
+    "regenerator-runtime": "0.13.11",
+    "tailwindcss": "^3.2.7",
+    "tslib": "^2.5.0"
   },
   "devDependencies": {
     "@babel/core": "7.12.13",