Module parse failed: Unexpected character '�' (1:2) error

[rupertpople]

Summary

I'm new to React so still learning, currently getting an error message when I got to one of my pages:

⨯ ./node_modules/@napi-rs/snappy-win32-x64-msvc/snappy.win32-x64-msvc.node
Module parse failed: Unexpected character '�' (1:2)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

Import trace for requested module:
./node_modules/@napi-rs/snappy-win32-x64-msvc/snappy.win32-x64-msvc.node
./node_modules/snappy/index.js
./node_modules/mongodb/lib/deps.js
./node_modules/mongodb/lib/client-side-encryption/client_encryption.js
./node_modules/mongodb/lib/index.js
./app/lib/mongodb.js
./app/components/ig-report/getReportData.js
./app/reportdisplay/page.js

I installed babel-loader after seeing I need a loader. This is my next.config.js file:

/** @type {import('next').NextConfig} */
const nextConfig = {}

module.exports = nextConfig

module.exports = {
        webpack: (config) => {
          config.resolve.fallback = { fs: false, path: false, net: false, tls:false, dns:false};
      
          return config;
        },
        rules: [
            {

            test: /\.(?:js|mjs|cjs)$/,
            exclude: /node_modules/,
            use: {
              loader: 'babel-loader',
              options: {
                presets: [
                  ['@babel/preset-env', { targets: "defaults" }]
                ]
              }
            }
     
        }
    ]
     
 };

Haven't resolved issue yet, any help appreciated.

Additional information

No response

Example

No response

[HuangJW0821]

same problem when using tree-sitter lol