From 25b890efbbf31325028fee83c47bc0a9ade2f69b Mon Sep 17 00:00:00 2001
From: baegofda <molly.daleo3o@gmail.com>
Date: Sat, 9 Dec 2023 17:28:54 +0900
Subject: [PATCH] (#0) npm publish (0.0.94)

---
 package.json                                  |  2 +-
 .../TextEditor/TextEditor.stories.tsx         |  1 +
 src/core/components/TextEditor/index.tsx      | 34 ++++++++++---------
 3 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index 08cc97e..e2c9a61 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bbodek-ui",
-  "version": "0.0.91",
+  "version": "0.0.94",
   "type": "module",
   "author": "Bbodek",
   "license": "MIT",
diff --git a/src/core/components/TextEditor/TextEditor.stories.tsx b/src/core/components/TextEditor/TextEditor.stories.tsx
index 5539344..c31c801 100644
--- a/src/core/components/TextEditor/TextEditor.stories.tsx
+++ b/src/core/components/TextEditor/TextEditor.stories.tsx
@@ -14,6 +14,7 @@ const meta = {
     },
   },
 } satisfies Meta<typeof TextEditor>;
+
 export default meta;
 
 export const SmallTextEditor = () => {
diff --git a/src/core/components/TextEditor/index.tsx b/src/core/components/TextEditor/index.tsx
index 3cee096..c805791 100644
--- a/src/core/components/TextEditor/index.tsx
+++ b/src/core/components/TextEditor/index.tsx
@@ -1,6 +1,6 @@
-import React from "react";
-import ReactQuill from "react-quill";
+import React, { Suspense } from "react";
 import "react-quill/dist/quill.snow.css";
+const ReactQuill = React.lazy(() => import("react-quill"));
 
 interface TextEditorProps {
   value: string;
@@ -12,19 +12,21 @@ export default function TextEditor({
   onChange,
 }: TextEditorProps) {
   return (
-    <ReactQuill
-        theme = "snow"
-        value = {value}
-        onChange = {onChange}
-        className = {"w-full h-full"}
-        modules = {{
-          toolbar: [
-            [{ "header": [ 1, 2, false ] }],
-            [ "bold", "italic", "underline", "strike" ],
-            [ { "list": "ordered" }, { "list": "bullet" }, { "indent": "-1" }, { "indent": "+1" } ],
-            ["link"],
-          ],
-        }}
-      />
+    <Suspense fallback = {<></>}>
+      <ReactQuill
+      theme = "snow"
+      value = {value}
+      onChange = {onChange}
+      className = {"w-full h-full"}
+      modules = {{
+        toolbar: [
+          [{ "header": [ 1, 2, false ] }],
+          [ "bold", "italic", "underline", "strike" ],
+          [ { "list": "ordered" }, { "list": "bullet" }, { "indent": "-1" }, { "indent": "+1" } ],
+          ["link"],
+        ],
+      }}
+    />
+    </Suspense>
   );
 }