src/app/post/[slug]/page.tsx

@@ -5,11 +5,11 @@
  */
 
 import Markdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
 import remarkGfm from "remark-gfm";
 import type { JSX } from "react";
 import { Rule } from "@/components/rule";
 import { getPostData } from "@/lib/posts";
-import rehypeRaw from "rehype-raw";
 
 /**
  * Renders a blog post.
@@ -29,7 +29,7 @@ const Page = async({
       <h1>{post.data.title}</h1>
       <p className="italic text-center">{`Published ${post.data.date.toLocaleDateString("en-GB", { day: "numeric", month: "long", weekday: "long", year: "numeric" })}`}</p>
       <Rule />
-      <Markdown remarkPlugins={[ remarkGfm ]} rehypePlugins={[rehypeRaw]}>{post.content}</Markdown>
+      <Markdown rehypePlugins={[ rehypeRaw ]} remarkPlugins={[ remarkGfm ]}>{post.content}</Markdown>
       <Rule />
       <a href="/">{"← Back to home"}</a>
     </main>