updates to fix netlify website build errors

.eslintrc.json

@@ -3,7 +3,7 @@
   "extends": [
     "plugin:import/typescript",
     "plugin:prettier/recommended",
-    "plugin:react-hooks/recommended"
+    "next/core-web-vitals"
   ],
   "plugins": ["@typescript-eslint", "import", "react"],
   "parser": "@typescript-eslint/parser",
@@ -18,7 +18,7 @@
   "settings": {
     "import/extensions": [".js", ".ts", ".jsx", ".tsx"],
     "react": {
-      "version": "18"
+      "version": "detect"
     }
   },
   "env": {

package.json

@@ -6,7 +6,7 @@
   ],
   "scripts": {
     "build": "yarn build:rollup && yarn build:next",
-    "build:next": "cd ./site && next build && next export",
+    "build:next": "cd ./site && next build",
     "build:rollup": "rollup --config ./config/rollup/rollup.config.js --bundleConfigAsCjs",
     "changesetversion": "yarn changeset version && yarn install && git add .",
     "clean": "rimraf './packages/*/{dist,lib,node_modules}' './site/{.next,out}' --glob",
@@ -74,6 +74,7 @@
     "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-next": "^0.0.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -127,5 +128,8 @@
       "eslint --fix"
     ]
   },
-  "packageManager": "[email protected]"
+  "packageManager": "[email protected]",
+  "dependencies": {
+    "eslint-config-next": "^15.1.2"
+  }
 }

site/next.config.js

@@ -2,11 +2,12 @@ const fs = require('fs')
 const path = require('path')
 
 module.exports = {
+  output: 'export',
   webpack: config => {
     config.module.rules.push({
       test: /\.js$/,
       enforce: 'pre',
-      exclude: [/node_modules[\\\/]@next/, /node_modules[\\\/]next/],
+      exclude: [/node_modules[\\/](?:@next|next)/],
       use: [
         {
           loader: require.resolve('source-map-loader'),

site/pages/examples/[example].tsx

@@ -204,6 +204,7 @@ const Tab = React.forwardRef(
     />
   )
 )
+Tab.displayName = 'Tab'
 
 const Wrapper = ({ className, ...props }) => (
   <div
@@ -282,7 +283,9 @@ const ExamplePage = ({ example }: { example: string }) => {
       }}
       fallbackRender={({ error, resetErrorBoundary }) => (
         <Warning>
-          <p>An error was thrown by one of the example's React components!</p>
+          <p>
+            An error was thrown by one of the example&apos;s React components!
+          </p>
           <pre>
             <code>
               {error.stack}
@@ -354,7 +357,9 @@ const ExamplePage = ({ example }: { example: string }) => {
         </TabList>
         {error ? (
           <Warning>
-            <p>An error was thrown by one of the example's React components!</p>
+            <p>
+              An error was thrown by one of the example&apos;s React components!
+            </p>
             <pre>
               <code>
                 <>