fix: prevent crash on null changelog markdown

src/components/changelog-dialog.test.tsx

@@ -127,6 +127,30 @@ describe("ChangelogDialog", () => {
     )
   })
 
+  it("handles null body without crashing", () => {
+    changelogState.releases = [
+      {
+        id: 1,
+        tag_name: "v1.0.0",
+        name: "v1.0.0",
+        body: null as any,
+        published_at: "2024-01-02T00:00:00Z",
+        html_url: "https://github.com/robinebers/openusage/releases/tag/v1.0.0",
+      },
+    ]
+
+    render(
+      <ChangelogDialog
+        currentVersion="1.0.0"
+        onBack={() => {}}
+        onClose={() => {}}
+      />,
+    )
+
+    // If it renders the title, we know it didn't crash when rendering the markdown.
+    expect(screen.getByText("v1.0.0")).toBeInTheDocument()
+  })
+
   it("shows link to full changelog when multiple releases exist", async () => {
     changelogState.releases = [
       {

src/components/changelog-dialog.tsx

@@ -1,5 +1,5 @@
 import { useEffect } from "react"
-import { Loader2, X, ChevronRight, ExternalLink as ExternalLinkIcon } from "lucide-react"
+import { Loader2, ChevronRight, ExternalLink as ExternalLinkIcon } from "lucide-react"
 import { useChangelog } from "@/hooks/use-changelog"
 import { Button } from "@/components/ui/button"
 import { openUrl } from "@tauri-apps/plugin-opener"
@@ -238,7 +238,7 @@ export function ChangelogDialog({ currentVersion, onBack, onClose }: ChangelogDi
               </div>
 
               <div className="bg-muted/10 rounded-lg p-1">
-                <SimpleMarkdown content={currentRelease.body} />
+                <SimpleMarkdown content={currentRelease.body ?? ""} />
               </div>
 
               {releases.length > 1 && (