CODE EXAMPLE FOR TYPESCRIPT

.env.local is not working inside useEffect

.env.local doesn't work in client side so you need to add env:{} in nextjs.config.js

module.exports = {
  reactStrictMode: true,
  env: {
    BASE_URL: process.env.BASE_URL,
    NODEMAILER_EMAIL: process.env.NODEMAILER_EMAIL,
    NODEMAILER_PASSWORD: process.env.NODEMAILER_PASSWORD,
    SENDGRID_API_KEY: process.env.SENDGRID_API_KEY,
    ig_user_access_token: process.env.ig_user_access_token,
  },

  images: {
    domains: ['sirocco.se', 'instagram.fcgp27-1.fna.fbcdn.net'],
  },
};