Fix public url

Author: danielfdsilva

Diff for: packages/client/src/App.tsx

@@ -25,10 +25,12 @@ import CollectionDetail from './pages/CollectionDetail';
 import Sandbox from './pages/Sandbox';
 import { config } from './plugin-system/config';
 
+const publicUrl = process.env.PUBLIC_URL || '';
+
 let basename: string | undefined;
-if (process.env.PUBLIC_URL) {
+if (publicUrl) {
   try {
-    basename = new URL(process.env.PUBLIC_URL).pathname;
+    basename = new URL(publicUrl).pathname;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
   } catch (error) {
     // no-op
@@ -56,7 +58,7 @@ export const App = () => (
             >
               <Flex gap={4} alignItems='center'>
                 <Image
-                  src={`${process.env.PUBLIC_URL}/meta/icon-512.png`}
+                  src={`${publicUrl}/meta/icon-512.png`}
                   width={8}
                   aspectRatio={1}
                   borderRadius='md'