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;