next.config.js

/**
 * @format
 * @type {import('next').NextConfig}
 */

const { PHASE_DEVELOPMENT_SERVER } = require("next/constants");

module.exports = (phase) => {
	if (phase === PHASE_DEVELOPMENT_SERVER) {
		return {
			reactStrictMode: true,
			env: {
				API_KEY: process.env.API_KEY,
				AUTH_DOMAIN: process.env.AUTH_DOMAIN,
				PROJECT_ID: process.env.PROJECT_ID,
				STORAGE_BUCKET: process.env.STORAGE_BUCKET,
				MESSAGING_SENDER_ID: process.env.MESSAGING_SENDER_ID,
				APP_ID: process.env.APP_ID,
			},
			images: {
				domains: ["lh3.googleusercontent.com"],
			},
		};
	}

	return {
		reactStrictMode: true,
		images: {
			domains: ["lh3.googleusercontent.com"],
		},
		env: {
			API_KEY: process.env.API_KEY,
			AUTH_DOMAIN: process.env.AUTH_DOMAIN,
			PROJECT_ID: process.env.PROJECT_ID,
			STORAGE_BUCKET: process.env.STORAGE_BUCKET,
			MESSAGING_SENDER_ID: process.env.MESSAGING_SENDER_ID,
			APP_ID: process.env.APP_ID,
		},
	};
};