feat(component): init BlockSuiteErrorBoundary (#1015)

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

@@ -0,0 +1,26 @@
+/* deepscan-disable USELESS_ARROW_FUNC_BIND */
+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',
+  component: BlockSuiteErrorBoundary,
+} as Meta<BlockSuiteErrorBoundaryProps>;
+
+const Template: StoryFn<BlockSuiteErrorBoundaryProps> = args => (
+  <BlockSuiteErrorBoundary {...args} />
+);
+
+export const ErrorComponent = () => {
+  throw new MigrationError('Something incorrect');
+};
+
+export const Primary = Template.bind(undefined);
+Primary.args = {
+  children: [<span>There is no error</span>, <ErrorComponent />],
+};