title: Old React install is having issue compiling
body: <p>NPM 8.6.0
  NODE 18</p>
  <p>running npm run start</p>
  <p>Will get the webpage up and running however will not recompile the components..</p>
  <p>Main.js reads as</p>
  <pre><code>import React from 'react';
  import { render } from 'react-dom';
  import { Provider } from 'react-redux';
  import { createStore } from 'redux';
  
  import App from './components/app';
  import reducer from './reducers';
  
  let store = createStore(reducer);
  
  render(
    &lt;Provider store={store}&gt;
      &lt;App /&gt;
    &lt;/Provider&gt;,
    document.getElementById('root')
  );
  
  
  
  </code></pre>
  <pre><code>WARNING in configuration
  The 'mode' option has not been set, webpack will fallback to 'production' for this value.
  Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
  You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/
  
  ERROR in ./app/Main.js
  Module build failed (from ./node_modules/babel-loader/lib/index.js):
  Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/herbstzu/Desktop/REPOS/MIT_WEBS/tripsharing/node_modules/babel-preset-react/lib/index.js
      at createDescriptor (/Users/xxx/Desktop/REPOS/_WEBS/tripsharing/node_modules/@babel/core/lib/config/config-descriptors.js:211:11)
      at createDescriptor.next (&lt;anonymous&gt;)
      at step (/Users/xxx/Desktop/REPOS/_WEBS/tripsharing/node_modules/gensync/index.js:261:32)
      at /Users/xxx/Desktop/REPOS/_WEBS/tripsharing/node_modules/gensync/index.js:273:13
      at async.call.result.err.err (/Users/xxx/Desktop/REPOS/_WEBS/tripsharing/node_modules/gensync/index.js:223:11)
  
  webpack 5.73.0 compiled with 1 error and 1 warning in 6873 ms
  </code></pre>
  <pre><code>dependencies&quot;: {
      &quot;csv&quot;: &quot;^6.2.0&quot;,
      &quot;d3&quot;: &quot;^7.6.1&quot;,
      &quot;gsap&quot;: &quot;^3.10.4&quot;,
      &quot;immutable&quot;: &quot;4.1.0&quot;,
      &quot;jquery&quot;: &quot;^3.6.0&quot;,
      &quot;json-loader&quot;: &quot;0.5.7&quot;,
      &quot;lodash&quot;: &quot;4.17.21&quot;,
      &quot;rc-slider&quot;: &quot;^10.0.0&quot;,
      &quot;react&quot;: &quot;16.14.0&quot;,
      &quot;react-dom&quot;: &quot;16.14.0&quot;,
      &quot;react-motion&quot;: &quot;0.5.2&quot;,
      &quot;react-redux&quot;: &quot;8.0.2&quot;,
      &quot;react-retina-image&quot;: &quot;^2.0.5&quot;,
      &quot;redux&quot;: &quot;^4.2.0&quot;,
      &quot;stats-webpack-plugin&quot;: &quot;^0.7.0&quot;,
      &quot;textures&quot;: &quot;^1.2.3&quot;,
      &quot;turf&quot;: &quot;3.0.5&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;babel-core&quot;: &quot;^6.26.3&quot;,
      &quot;babel-loader&quot;: &quot;8.2.5&quot;,
      &quot;babel-preset-es2015&quot;: &quot;6.6.0&quot;,
      &quot;babel-preset-react&quot;: &quot;6.24.1&quot;,
      &quot;babel-preset-stage-2&quot;: &quot;6.24.1&quot;,
      &quot;grunt&quot;: &quot;^1.5.3&quot;,
      &quot;grunt-contrib-concat&quot;: &quot;~2.1.0&quot;,
      &quot;grunt-contrib-nodeunit&quot;: &quot;^4.0.0&quot;,
      &quot;grunt-contrib-sass&quot;: &quot;~2.0.0&quot;,
      &quot;grunt-contrib-watch&quot;: &quot;^1.1.0&quot;,
      &quot;webpack&quot;: &quot;^5.73.0&quot;,
      &quot;webpack-cli&quot;: &quot;^4.10.0&quot;,
      &quot;webpack-dev-server&quot;: &quot;^4.9.3&quot;
    }
  </code></pre>