fixed build errors

src/components/note/content/index.tsx

@@ -8,7 +8,7 @@ import destr from 'destr';
 import { memo, useMemo } from 'react';
 import reactStringReplace from 'react-string-replace';
 
-export const NoteContent = memo(function NoteContent({ data }: { data: any }) {
+export const Content = memo(function Content({ data }: { data: any }) {
   const content = useMemo(() => {
     let parsedContent;
     // get data tags

src/components/note/form/comment.tsx

@@ -6,6 +6,7 @@ import { relaysAtom } from '@stores/relays';
 
 import { dateToUnix } from '@utils/getDate';
 
+import destr from 'destr';
 import { useAtom, useAtomValue } from 'jotai';
 import { getEventHash, signEvent } from 'nostr-tools';
 import { useContext, useState } from 'react';
@@ -17,7 +18,7 @@ export default function FormComment({ eventID }: { eventID: any }) {
   const [activeAccount] = useAtom(activeAccountAtom);
 
   const [value, setValue] = useState('');
-  const profile = JSON.parse(activeAccount.metadata);
+  const profile = destr(activeAccount.metadata);
 
   const submitEvent = () => {
     const event: any = {
@@ -39,7 +40,7 @@ export default function FormComment({ eventID }: { eventID: any }) {
         <div>
           <div className="relative h-11 w-11 shrink-0 overflow-hidden rounded-md border border-white/10">
             <ImageWithFallback
-              src={profile.picture}
+              src={profile?.picture}
               alt={activeAccount.id}
               fill={true}
               className="rounded-md object-cover"

src/components/note/index.tsx

@@ -1,4 +1,3 @@
-import { NoteContent } from '@components/note/content';
 import { RootNote } from '@components/note/root';
 
 import destr from 'destr';
@@ -43,8 +42,7 @@ export const Note = memo(function Note({ event }: { event: any }) {
       onClick={(e) => openThread(e)}
       className="relative z-10 flex h-min min-h-min w-full select-text flex-col border-b border-zinc-800 py-5 px-3 hover:bg-black/20"
     >
-      <div>{fetchRootEvent()}</div>
-      <NoteContent data={event} />
+      <p>{event.content}</p>
     </div>
   );
 });

src/components/note/root.tsx

@@ -1,4 +1,3 @@
-import { NoteContent } from '@components/note/content';
 import { RelayContext } from '@components/relaysProvider';
 
 import { relaysAtom } from '@stores/relays';
@@ -51,7 +50,7 @@ export const RootNote = memo(function RootNote({ id }: { id: string }) {
     return (
       <div className="relative pb-5">
         <div className="absolute top-0 left-[21px] h-full w-0.5 bg-gradient-to-t from-zinc-800 to-zinc-600"></div>
-        <NoteContent data={event} />
+        <p>{event.content}</p>
       </div>
     );
   } else {

src/pages/newsfeed/[id].tsx

@@ -11,6 +11,7 @@ import { relaysAtom } from '@stores/relays';
 import { getNoteByID } from '@utils/storage';
 
 import { useAtomValue } from 'jotai';
+import { GetStaticPaths } from 'next';
 import { useRouter } from 'next/router';
 import {
   JSXElementConstructor,
@@ -26,7 +27,7 @@ export default function Page() {
   const pool: any = useContext(RelayContext);
 
   const router = useRouter();
-  const id = router.query.id;
+  const id = router.query.id || null;
 
   const relays: any = useAtomValue(relaysAtom);
 

src/pages/onboarding/create/step-2.tsx

@@ -67,7 +67,7 @@ export default function Page() {
   const pool: any = useContext(RelayContext);
 
   const router = useRouter();
-  const { id, privkey }: any = router.query;
+  const { id, privkey }: any = router.query || '';
 
   const relays = useAtomValue(relaysAtom);
   const [loading, setLoading] = useState(false);

src/pages/onboarding/login/step-2.tsx

@@ -27,8 +27,8 @@ export default function Page() {
   const pool: any = useContext(RelayContext);
 
   const router = useRouter();
-  const privkey: any = router.query.privkey;
-  const pubkey = getPublicKey(privkey);
+  const privkey: any = router.query.privkey || null;
+  const pubkey = privkey ? getPublicKey(privkey) : null;
 
   const relays = useAtomValue(relaysAtom);
   const [profile, setProfile] = useState(null);
@@ -94,7 +94,7 @@ export default function Page() {
                   <div className="flex items-center gap-2">
                     <p className="font-semibold">{profile?.display_name || profile?.name}</p>
                     <span className="leading-tight text-zinc-500">·</span>
-                    <p className="text-zinc-500">@{profile?.username || truncate(pubkey, 16, ' .... ')}</p>
+                    <p className="text-zinc-500">@{profile?.username || (pubkey && truncate(pubkey, 16, ' .... '))}</p>
                   </div>
                   <div className="space-y-3">
                     <div className="grid grid-cols-3 gap-4">

src/pages/users/[id].tsx

@@ -12,7 +12,7 @@ import { JSXElementConstructor, ReactElement, ReactFragment, ReactPortal } from
 
 export default function Page() {
   const router = useRouter();
-  const id: any = router.query.id;
+  const id: any = router.query.id || '';
 
   return (
     <div className="scrollbar-hide h-full w-full overflow-y-auto">

src/stores/account.tsx

@@ -4,6 +4,6 @@ import { getActiveAccount } from '@utils/storage';
 import { atomWithCache } from 'jotai-cache';
 
 export const activeAccountAtom = atomWithCache(async () => {
-  const response = isSSR ? null : await getActiveAccount();
+  const response = isSSR ? {} : await getActiveAccount();
   return response;
 });

src/stores/note.tsx

@@ -1,3 +1,4 @@
+import { isSSR } from '@utils/ssr';
 import { getAllNotes } from '@utils/storage';
 
 import { atom } from 'jotai';
@@ -9,7 +10,7 @@ export const hasNewerNoteAtom = atom(false);
 export const [notesAtom] = atomsWithQuery(() => ({
   queryKey: ['notes'],
   queryFn: async ({ queryKey: [] }) => {
-    const res = await getAllNotes();
+    const res = isSSR ? [] : await getAllNotes();
     return res;
   },
 }));

src/stores/relays.tsx

@@ -4,6 +4,6 @@ import { getAllRelays } from '@utils/storage';
 import { atomWithCache } from 'jotai-cache';
 
 export const relaysAtom = atomWithCache(async () => {
-  const response = isSSR ? null : await getAllRelays();
+  const response = isSSR ? [] : await getAllRelays();
   return response;
 });