From 1bd0caa1d1d62ff79aad888108fa540426d19fd5 Mon Sep 17 00:00:00 2001
From: Edmund Hung <me@edmund.dev>
Date: Sat, 10 Feb 2024 23:18:32 +0100
Subject: [PATCH] fix: css hash difference on client and server build

---
 app/root.tsx | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/root.tsx b/app/root.tsx
index 848b933..e52b68d 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -1,8 +1,4 @@
-import type {
-  LinksFunction,
-  MetaFunction,
-  LoaderFunction,
-} from '@remix-run/cloudflare';
+import type { MetaFunction, LoaderFunction } from '@remix-run/cloudflare';
 import * as React from 'react';
 import {
   Link,
@@ -14,11 +10,12 @@ import {
   isRouteErrorResponse,
   useRouteError,
 } from '@remix-run/react';
-import stylesUrl from '~/styles.css?url';
+import '~/styles.css';
 
-export const links: LinksFunction = () => {
-  return [{ rel: 'stylesheet', href: stylesUrl }];
-};
+// We will rollback to loading CSS through links when `.css?url` is supported
+// export const links: LinksFunction = () => {
+//   return [{ rel: 'stylesheet', href: stylesUrl }];
+// };
 
 export const meta: MetaFunction = () => {
   return [