Module not found: Can’t resolve ‘pino-pretty’

Here’s a simple way to fix the “Module not found: Can’t resolve ‘pino-pretty'” and “Module not found: Can’t resolve ‘encoding'” errors in your NextJS or ReactJS project:

1. Open your next.config.js file in the root folder of your project.
2. Add this line config.externals.push(‘pino-pretty’, ‘encoding’);

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  webpack: (config) => {
    config.resolve.fallback = { fs: false, net: false, tls: false };
    config.externals.push('pino-pretty', 'encoding');
    return config;
  },
};

module.exports = nextConfig;