chore: strict eslint check (#1084)

packages/component/src/stories/BlockSuiteEditor.stories.tsx

@@ -1,12 +1,13 @@
 /* deepscan-disable USELESS_ARROW_FUNC_BIND */
-import React, { Suspense } from 'react';
-import { Meta, Story } from '@storybook/react';
 import { builtInSchemas } from '@blocksuite/blocks/models';
+import { Page, Workspace } from '@blocksuite/store';
+import { Meta, Story } from '@storybook/react';
+import React, { Suspense } from 'react';
+
 import {
   BlockSuiteEditor,
   BlockSuiteEditorProps,
 } from '../components/BlockSuiteEditor';
-import { Page, Workspace } from '@blocksuite/store';
 
 const worksapce = new Workspace({
   room: 'test',

packages/component/src/stories/BlockSuiteErrorBoundary.stories.tsx

@@ -1,11 +1,12 @@
 /* deepscan-disable USELESS_ARROW_FUNC_BIND */
+import { MigrationError } from '@blocksuite/global/error';
 import { Meta, StoryFn } from '@storybook/react';
 import React from 'react';
+
 import {
   BlockSuiteErrorBoundary,
   BlockSuiteErrorBoundaryProps,
 } from '../components/BlockSuiteErrorBoundary';
-import { MigrationError } from '@blocksuite/global/error';
 
 export default {
   title: 'BlockSuite/ErrorBoundary',
@@ -22,5 +23,8 @@ export const ErrorComponent = () => {
 
 export const Primary = Template.bind(undefined);
 Primary.args = {
-  children: [<span>There is no error</span>, <ErrorComponent />],
+  children: [
+    <span key="1">There is no error</span>,
+    <ErrorComponent key="2" />,
+  ],
 };

packages/component/src/stories/Breadcrumbs.stories.tsx

@@ -1,8 +1,9 @@
 /* deepscan-disable USELESS_ARROW_FUNC_BIND */
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import { Breadcrumbs } from '..';
 import { Link, Typography } from '@mui/material';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+
+import { Breadcrumbs } from '..';
 
 export default {
   title: 'AFFiNE/Breadcrumbs',
@@ -14,12 +15,14 @@ const Template: Story = args => <Breadcrumbs {...args} />;
 export const Primary = Template.bind(undefined);
 Primary.args = {
   children: [
-    <Link underline="hover" color="inherit" href="/">
+    <Link key="1" underline="hover" color="inherit" href="/">
       AFFiNE
     </Link>,
-    <Link underline="hover" color="inherit" href="/Docs/">
+    <Link key="2" underline="hover" color="inherit" href="/Docs/">
       Docs
     </Link>,
-    <Typography color="text.primary">Introduction</Typography>,
+    <Typography key="3" color="text.primary">
+      Introduction
+    </Typography>,
   ],
 };

packages/component/src/stories/Button.stories.tsx

@@ -1,6 +1,7 @@
 /* deepscan-disable USELESS_ARROW_FUNC_BIND */
-import React from 'react';
 import { Meta, Story } from '@storybook/react';
+import React from 'react';
+
 import { Button } from '..';
 import { ButtonProps } from '../ui/button/interface';