Cannot read properties of undefined (reading ‘split’) React.js

I am building a react app and when I try to load up the application in the browser, I get the error in the title. Command I am using to start the application : swa start http://localhost:3000 –run “npm start –javascript” –api-location src/api. Looking through the stack trace this seems to be related to a line in the Mongoose browser.umd file that is trying to split t.versions.node :

e.noop=function(){},e.errorToPOJO=function(t){if(!(t instanceof Error))throw new Error(“error must be instanceof Error.”);var e,r={},o=n(Object.getOwnPropertyNames(t));try{for(o.s();!(e=o.n()).done;){var i=e.value;r[i]=t[i]}}catch(t){o.e(t)}finally{o.f()}return r},e.nodeMajorVersion=parseInt(t.versions.node.split(“.”)[0],10)}).call(this,r(10))},function(t,e,r){“use strict”;(function(t){

This is not my code and I am unsure exactly what it is doing or why the t.versions.node is undefined. My node version is 14.16.1, mongoose version is 5.11.1. Stack trace included below :

Uncaught TypeError: Cannot read properties of undefined (reading 'split')
    at Object.<anonymous> (browser.umd.js:220)
    at Object.<anonymous> (browser.umd.js:220)
    at r (browser.umd.js:1)
    at Object.<anonymous> (browser.umd.js:1012)
    at r (browser.umd.js:1)
    at Object.<anonymous> (browser.umd.js:1009)
    at r (browser.umd.js:1)
    at Object.<anonymous> (browser.umd.js:308)
    at Object.<anonymous> (browser.umd.js:425)
    at r (browser.umd.js:1)
    at Object.<anonymous> (browser.umd.js:756)
    at r (browser.umd.js:1)
    at Object.<anonymous> (browser.umd.js:973)
    at Object.<anonymous> (browser.umd.js:977)
    at r (browser.umd.js:1)
    at Object.<anonymous> (browser.umd.js:973)
    at r (browser.umd.js:1)
    at browser.umd.js:1
    at browser.umd.js:1
    at browser.umd.js:1
    at Object../node_modules/mongoose/dist/browser.umd.js (browser.umd.js:1)
    at __webpack_require__ (bootstrap:856)
    at fn (bootstrap:150)
    at Module.<anonymous> (App.js:38)
    at Module../src/api/app_functions/func_mongo_create_connection.js (func_mongo_create_connection.js:132)
    at __webpack_require__ (bootstrap:856)
    at fn (bootstrap:150)
    at Module../src/api/az_func_wfd/index.mjs (index.mjs:1)
    at __webpack_require__ (bootstrap:856)
    at fn (bootstrap:150)
    at Module.<anonymous> (CollectLoginInfo.js:59)
    at Module../src/component/Configuration.js (Configuration.js:368)
    at __webpack_require__ (bootstrap:856)
    at fn (bootstrap:150)
    at Module.<anonymous> (App.css?dde5:82)
    at Module../src/App.js (App.js:38)
    at __webpack_require__ (bootstrap:856)
    at fn (bootstrap:150)
    at Module.<anonymous> (index.css?bb0a:82)
    at Module../src/index.js (index.js:18)
    at __webpack_require__ (bootstrap:856)
    at fn (bootstrap:150)
    at Object.1 (ui_carmax_logo.PNG:1)
    at __webpack_require__ (bootstrap:856)
    at checkDeferredModules (bootstrap:45)
    at Array.webpackJsonpCallback [as push] (bootstrap:32)
    at main.chunk.js:1

I also believe this might have something to do with my import/exports of functions throughout my code, but that is partially a guess. Any help is appreciated.