fix(changelog): Fix hydration error (#10993)

getsentry · Aug 6, 2024 · dcf71f3 · dcf71f3
1 parent 64ae970
commit dcf71f3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/apps/changelog/src/client/components/article.tsx b/apps/changelog/src/client/components/article.tsx
@@ -1,7 +1,6 @@
 import {ReactNode} from 'react';
-
-import Date from './date';
 import Tag from './tag';
+import { DateComponent } from './date';
 
 type ArticleProps = {
   children?: ReactNode;
@@ -48,7 +47,7 @@ export default function Article({
           <div className="prose max-w-none text-gray-700 py-2">{children}</div>
           <dl>
             <dd className="text-xs leading-6 text-gray-400">
-              {date && <Date date={date} />}
+              {date && <DateComponent date={date} />}
             </dd>
           </dl>
         </div>

diff --git a/apps/changelog/src/client/components/date.tsx b/apps/changelog/src/client/components/date.tsx
@@ -3,14 +3,13 @@ const formatDate = (date: string | Date) => {
     year: 'numeric',
     month: 'long',
     day: 'numeric',
+    timeZone: 'UTC'
   };
   const now = new Date(date).toLocaleDateString('en-EN', options);
 
   return now;
 };
 
-function DateComponent({date}: {date: string | Date}) {
+export function DateComponent({date}: {date: string | Date}) {
   return <time dateTime={formatDate(date)}>{formatDate(date)}</time>;
 }
-
-export default DateComponent;