import styles from '@/app/page.module.css'
import { VoteBtn, VoteSubmitOverlay } from "@/client/components";
import { OverlayContextProvider } from "@/client/contexts";
import { Poll } from '@/db/poll';
  
export default async function MusicianVoting() {
    const candidates = await Poll.instance.get_artists()
  
    if (!candidates)
      return <div className={styles.candidate_row}>No Candidates Yet</div>
  
    const candidate_rows = candidates.map((candidate) => (
      <div className={styles.candidate_row}>
        <div style={{marginLeft: 10}}>{candidate.name}</div>
        <div style={{marginLeft: 10}}>{candidate.country}</div>
        <div style={{marginLeft: 10}}>{candidate.song}</div>
  
        <VoteBtn candidate={candidate.name}/>
      </div>
    ));
  
    return (
      <OverlayContextProvider>
        <VoteSubmitOverlay/>
        <main className={styles.main}>
          <div className={styles.container}>
            { candidate_rows }
          </div>
        </main>
      </OverlayContextProvider>
    );
  }

I wanted to move everything from my main page into a different route in the pages directory, and for some reason doing so is causing module 'fs' not found from within the sqlite3 module which is used in Poll, although I have no idea why that's happening