⬆️ Upgrade and remove dependencies

.storybook/main.js

@@ -1,14 +1,9 @@
 module.exports = {
   stories: ['../src/components/**/*.story.mdx', '../src/components/**/*.story.*'],
   addons: [
-    'storybook-dark-mode',
     '@storybook/addon-links',
     'storybook-addon-mock/register',
     '@storybook/addon-essentials',
-    {
-      name: 'storybook-addon-turbo-build',
-      options: { optimizationLevel: 2 },
-    },
   ],
   typescript: {
     check: false,

.storybook/preview.tsx

@@ -1,4 +1,3 @@
-import { useDarkMode } from 'storybook-dark-mode';
 import { MantineProvider, ColorSchemeProvider } from '@mantine/core';
 import { NotificationsProvider } from '@mantine/notifications';
 
@@ -7,11 +6,7 @@ export const parameters = { layout: 'fullscreen' };
 function ThemeWrapper(props: { children: React.ReactNode }) {
   return (
     <ColorSchemeProvider colorScheme="light" toggleColorScheme={() => {}}>
-      <MantineProvider
-        theme={{ colorScheme: useDarkMode() ? 'dark' : 'light' }}
-        withGlobalStyles
-        withNormalizeCSS
-      >
+      <MantineProvider withGlobalStyles withNormalizeCSS>
         <NotificationsProvider>{props.children}</NotificationsProvider>
       </MantineProvider>
     </ColorSchemeProvider>

package.json

@@ -25,27 +25,23 @@
 		"ci": "yarn test && yarn lint --fix && yarn typecheck && yarn prettier:write"
 	},
 	"dependencies": {
-		"@mantine/core": "^4.2.4",
-		"@mantine/dates": "^4.2.4",
-		"@mantine/dropzone": "^4.2.4",
-		"@mantine/form": "^4.2.4",
-		"@mantine/hooks": "^4.2.4",
-		"@mantine/modals": "^4.2.4",
-		"@mantine/next": "^4.2.4",
-		"@mantine/notifications": "^4.2.4",
-		"@mantine/prism": "^4.2.4",
-		"@mantine/rte": "^4.2.4",
-		"@mantine/spotlight": "^4.2.4",
-		"@modulz/radix-icons": "^4.0.0",
+		"@mantine/core": "^4.2.6",
+		"@mantine/dates": "^4.2.6",
+		"@mantine/dropzone": "^4.2.6",
+		"@mantine/form": "^4.2.6",
+		"@mantine/hooks": "^4.2.6",
+		"@mantine/next": "^4.2.6",
+		"@mantine/notifications": "^4.2.6",
+		"@mantine/prism": "^4.2.6",
 		"axios": "^0.27.2",
 		"cookies-next": "^2.0.4",
 		"dayjs": "^1.11.2",
 		"framer-motion": "^6.3.1",
 		"js-file-download": "^0.4.12",
-		"next": "12.1.5-canary.4",
+		"next": "12.1.6",
 		"prism-react-renderer": "^1.3.1",
-		"react": "18.0.0",
-		"react-dom": "18.0.0",
+		"react": "^17.0.1",
+		"react-dom": "^17.0.1",
 		"tabler-icons-react": "^1.46.0",
 		"uuid": "^8.3.2"
 	},
@@ -53,23 +49,15 @@
 		"@babel/core": "^7.17.8",
 		"@next/bundle-analyzer": "^12.1.4",
 		"@next/eslint-plugin-next": "^12.1.4",
-		"@storybook/addon-essentials": "^6.4.22",
-		"@storybook/addon-links": "^6.4.22",
-		"@storybook/react": "^6.4.22",
-		"@testing-library/dom": "^8.12.0",
-		"@testing-library/jest-dom": "^5.16.3",
-		"@testing-library/react": "^13.0.0",
-		"@testing-library/user-event": "^14.0.4",
-		"@types/jest": "^27.4.1",
+		"@storybook/react": "^6.5.4",
 		"@types/node": "^17.0.23",
 		"@types/react": "17.0.43",
 		"@types/uuid": "^8.3.4",
 		"@typescript-eslint/eslint-plugin": "^5.16.0",
 		"@typescript-eslint/parser": "^5.16.0",
-		"babel-loader": "^8.2.4",
 		"eslint": "^8.11.0",
-		"eslint-config-airbnb": "19.0.4",
-		"eslint-config-airbnb-typescript": "^16.1.4",
+		"eslint-config-airbnb": "^19.0.4",
+		"eslint-config-airbnb-typescript": "^16.1.0",
 		"eslint-config-mantine": "1.1.0",
 		"eslint-plugin-import": "^2.25.4",
 		"eslint-plugin-jest": "^26.1.3",
@@ -79,13 +67,10 @@
 		"eslint-plugin-storybook": "^0.5.11",
 		"eslint-plugin-testing-library": "^5.2.0",
 		"eslint-plugin-unused-imports": "^2.0.0",
-		"jest": "^27.5.1",
+		"jest": "^28.1.0",
 		"prettier": "^2.6.2",
-		"storybook-addon-mock": "^2.3.2",
-		"storybook-addon-turbo-build": "^1.1.0",
-		"storybook-dark-mode": "^1.0.9",
-		"ts-jest": "^27.1.4",
-		"typescript": "4.6.3"
+		"require-from-string": "^2.0.2",
+		"typescript": "4.6.4"
 	},
 	"resolutions": {
 		"@types/react": "17.0.30"