refactor: use yarn (#1619)

apps/web/next.config.mjs

@@ -57,7 +57,7 @@ const nextConfig = {
   experimental: {
     swcPlugins: [
       process.env.COVERAGE === 'true' && ['swc-plugin-coverage-instrument', {}],
-      ['@swc-jotai/debug-label', {}],
+      // ['@swc-jotai/debug-label', {}],
       // ['@swc-jotai/react-refresh', {}],
     ].filter(Boolean),
   },

apps/web/package.json

@@ -24,34 +24,33 @@
     "@emotion/server": "^11.10.0",
     "@emotion/styled": "^11.10.6",
     "@mui/material": "^5.11.13",
-    "cmdk": "^0.1.22",
+    "cmdk": "^0.2.0",
     "css-spring": "^4.1.0",
     "dayjs": "^1.11.7",
     "jotai": "^2.0.3",
-    "jotai-devtools": "^0.2.0",
     "lit": "^2.6.1",
     "lottie-web": "^5.10.2",
     "next-themes": "^0.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "swr": "^2.0.4",
+    "swr": "^2.1.0",
     "y-indexeddb": "^9.0.9",
     "y-protocols": "^1.0.5",
     "yjs": "^13.5.50",
-    "zod": "^3.21.3"
+    "zod": "^3.21.4"
   },
   "devDependencies": {
-    "@perfsee/webpack": "^1.3.0",
+    "@perfsee/webpack": "^1.5.0",
     "@redux-devtools/extension": "^3.2.5",
-    "@swc-jotai/debug-label": "^0.0.6",
-    "@swc-jotai/react-refresh": "^0.0.4",
+    "@swc-jotai/debug-label": "^0.0.9",
+    "@swc-jotai/react-refresh": "^0.0.7",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.11",
     "@types/webpack-env": "^1.18.0",
     "dotenv": "^16.0.3",
     "eslint": "^8.36.0",
-    "eslint-config-next": "^13.2.3",
+    "eslint-config-next": "^13.2.4",
     "next": "=13.2.3",
     "next-debug-local": "^0.1.5",
     "next-router-mock": "^0.9.2",

apps/web/src/pages/_app.tsx

@@ -5,12 +5,11 @@ import { createI18n, I18nextProvider } from '@affine/i18n';
 import type { EmotionCache } from '@emotion/cache';
 import { CacheProvider } from '@emotion/react';
 import { Provider } from 'jotai';
-import { useAtomsDebugValue } from 'jotai-devtools';
 import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 import type { ReactElement } from 'react';
-import React, { memo, Suspense, useEffect, useMemo } from 'react';
+import React, { Suspense, useEffect, useMemo } from 'react';
 
 import { jotaiStore } from '../atoms';
 import { AffineErrorBoundary } from '../components/affine/affine-error-eoundary';
@@ -30,11 +29,6 @@ type AppPropsWithLayout = AppProps & {
 
 const EmptyLayout = (page: ReactElement) => page;
 
-const DebugAtoms = memo(function DebugAtoms() {
-  useAtomsDebugValue();
-  return null;
-});
-
 const clientSideEmotionCache = createEmotionCache();
 const helmetContext = {};
 
@@ -58,7 +52,6 @@ const App = function App({
   return (
     <CacheProvider value={emotionCache}>
       <I18nextProvider i18n={i18n}>
-        <DebugAtoms />
         <MessageCenter />
         <AffineErrorBoundary router={useRouter()}>
           <Suspense fallback={<PageLoading key="RootPageLoading" />}>