Fix: csr렌더링 시 요소 움직임 방지

Funssion-SWM · Dec 9, 2023 · 006eec5 · 006eec5
1 parent ece4a0b
commit 006eec5
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/src/components/memo/MemoViewer.tsx b/src/components/memo/MemoViewer.tsx
@@ -91,19 +91,18 @@ export default function MemoViewer({
         {title}
       </h1>
       <div className="h-[0.5px] mx-3 my-4 bg-soma-grey-49"></div>
-      {hydrated ? (
-        <div className="flex-grow px-4 break-all">
+      <div className="flex-grow px-4 break-all">
+        {hydrated ? (
           <EditorContent editor={editor} />
-        </div>
-      ) : (
-        <div
-          className="hidden"
-          dangerouslySetInnerHTML={{
-            __html: output,
-          }}
-        ></div>
-      )}
-
+        ) : (
+          <div
+            className="hidden"
+            dangerouslySetInnerHTML={{
+              __html: output,
+            }}
+          ></div>
+        )}
+      </div>
       <div className="flex flex-wrap gap-1 mx-2 mt-10 mb-1">
         {memoTags.map((tag, idx) => (
           <TagView key={idx} tagText={tag} isLogin={isLogin} />