I'm getting errors in web3-error and web3-validator

[SoarinSkySagar]

I am getting the following error when building the react app:

ERROR in ./node_modules/web3-errors/lib/esm/errors/rpc_error_messages.js 17:0-481
Module not found: Error: Can't resolve '../error_codes' in 'C:\Users\hp\Desktop\Web Development Projects\myairdropfeg\feg-2.0\node_modules\web3-errors\lib\esm\errors'
Did you mean 'error_codes.js'?
BREAKING CHANGE: The request '../error_codes' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

Easy to fix in localhost by deleting node_modules/web3-errors/lib/esm/package.json and node_modules/web3-validator/lib/esm/package.json files but how am I supposed to fix the error in a deployment environment like Vercel?