[bug] "MyRecentFlips screen" not working in deploy mode

[jsandinoDev]

Issue: 'MyRecentFlips' Screen Not Working in Build/Deploy Mode

Description

The MyRecentFlips screen does not function correctly in build or deploy mode. It works as expected in development, but when the app is built or deployed (e.g., on Vercel), the screen fails to load or display data properly.

Steps to Reproduce

1. Fork the repository.
2. Deploy the forked repo to Vercel (or build it locally using npm run build).
3. Navigate to the MyRecentFlips screen.
4. Observe that it does not work as expected.

Expected Behavior

The MyRecentFlips screen should function properly in both development and deployed environments.

Actual Behavior

In build/deploy mode, the screen does not load properly, possibly due to an error in rendering, missing data, or an issue with Next.js static generation.

Additional Information

• Screenshot of the issue:
  
• Environment:
  • Deployed on Vercel
  • Next.js version: (Specify version if applicable)
  • Node.js version: (Specify if relevant)
  • Any errors in the console/logs? (Include if available)

Possible Causes

• Data fetching differences between dev and production.
• Next.js getServerSideProps, getStaticProps, or API call issues.
• Client-side rendering problems in the production environment.