From a73ba156b73fd68cf40247eea6cc9fa7f202df2f Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Fri, 12 May 2023 17:56:34 +0100
Subject: [PATCH] fix: nested dynamic import

---
 src/components/ui/Image.tsx | 4 +---
 src/markdown/index.ts       | 3 ++-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/ui/Image.tsx b/src/components/ui/Image.tsx
index 751f4df9..2f8f822b 100644
--- a/src/components/ui/Image.tsx
+++ b/src/components/ui/Image.tsx
@@ -151,7 +151,7 @@ export const Image: React.FC<TImageProps> = ({
   )
 }
 
-const ZoomedImage: React.FC<TImageProps> = (props) => {
+export const ZoomedImage: React.FC<TImageProps> = (props) => {
   return (
     <span className="text-center block">
       {/* eslint-disable-next-line jsx-a11y/alt-text */}
@@ -159,5 +159,3 @@ const ZoomedImage: React.FC<TImageProps> = (props) => {
     </span>
   )
 }
-
-export default ZoomedImage
diff --git a/src/markdown/index.ts b/src/markdown/index.ts
index 68252718..9b0efe97 100644
--- a/src/markdown/index.ts
+++ b/src/markdown/index.ts
@@ -29,6 +29,8 @@ import remarkParse from "remark-parse"
 import remarkRehype from "remark-rehype"
 import { unified } from "unified"
 
+import { ZoomedImage } from "~/components/ui/Image"
+
 import { rehypeAudio } from "./rehype-audio"
 import {
   allowedCustomWrappers,
@@ -47,7 +49,6 @@ import { remarkPangu } from "./remark-pangu"
 import { remarkYoutube } from "./remark-youtube"
 import sanitizeScheme from "./sanitize-schema"
 
-const ZoomedImage = dynamic(() => import("~/components/ui/Image"))
 const Style = dynamic(() => import("~/components/common/Style"))
 const Mention = dynamic(() => import("~/components/ui/Mention"))
 const Mermaid = dynamic(() => import("~/components/ui/Mermaid"))