Fix 404 error again

balazshevesi · Dec 28, 2023 · 5e500e6 · 5e500e6
1 parent 6730ea6
commit 5e500e6
Showing 1 changed file with 5 additions and 16 deletions.
diff --git a/src/app/MarkDown.tsx b/src/app/MarkDown.tsx
@@ -1,19 +1,13 @@
 let ReactMarkdown: any, RehypeRaw: any;
 
-const importStuff = async () => {
-  const markdownModule = await import("react-markdown");
-  const rehypeRawModule = await import("rehype-raw");
-  ReactMarkdown = markdownModule.default;
-  RehypeRaw = rehypeRawModule.default;
-};
+async function loadImports() {
+  if (!ReactMarkdown) ReactMarkdown = (await import("react-markdown")).default;
+  if (!RehypeRaw) RehypeRaw = (await import("rehype-raw")).default;
+}
 
-importStuff();
+loadImports();
 
 async function MarkDown() {
-  if (!ReactMarkdown || !RehypeRaw) {
-    await importStuff();
-  }
-
   const getReadMe = async () => {
     try {
       const response = await fetch(
@@ -29,11 +23,6 @@ async function MarkDown() {
 
   const readMe = await getReadMe();
 
-  // Ensure that ReactMarkdown and RehypeRaw are available
-  if (!ReactMarkdown || !RehypeRaw) {
-    return <div>Loading...</div>; // Or any other loading state
-  }
-
   return (
     <div className="prose dark:prose-invert">
       <ReactMarkdown rehypePlugins={[RehypeRaw]}>{readMe}</ReactMarkdown>