From 26526711ad73ca38c1fba11db3dc888fec1b6c41 Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Mon, 27 May 2024 16:14:06 -0500
Subject: [PATCH] Fix react-wrap-balancer import breaking React DOM

---
 src/content/config.ts  | 3 ++-
 src/layouts/Post.astro | 5 ++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/content/config.ts b/src/content/config.ts
index 8133299..92ab692 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -12,7 +12,8 @@ const blogCollection = defineCollection({
       // I am truly lost on how TZ works in Javascript Dates.
       // I believe somehow the solution would lie here in making sure that the date offset is parsed and transmitted properly,
       // but there is no insight in how this works so far. I'm lost as fuck.
-      const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+      
+      // const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
       const parsed = parse(date, "yyyy-MM-dd HH:mm:ss XX", new Date());
       // const utc = zonedTimeToUtc(parsed, timezone);
       return z.date().parse(parsed);
diff --git a/src/layouts/Post.astro b/src/layouts/Post.astro
index e6b545c..bfa7ad1 100644
--- a/src/layouts/Post.astro
+++ b/src/layouts/Post.astro
@@ -3,7 +3,7 @@ import General from "@layouts/General.astro";
 import Time from "@components/Time.tsx";
 import { type CollectionEntry } from "astro:content";
 import type { Props as SEOProps } from "astro-seo";
-import Balancer from "react-wrap-balancer";
+import { Balancer } from "react-wrap-balancer";
 
 interface Props {
   post: CollectionEntry<"blog">;
@@ -83,8 +83,7 @@ const ogp: SEOProps = {
   <div>
     <h1 class="max-md:text-lg max-sm:text-center max-sm:border-b border-zinc-700">
       <a href={post.slug}>
-        {title}
-        <!-- <Balancer>{title}</Balancer> -->
+        <Balancer>{title}</Balancer>
       </a>
     </h1>
     <p class="mt-0 text-sm ml-5">