React-redux project throwing wrong path error

Coding Help
1

I am running a react- redux project with webpack on glitch. I am getting the following error:

ERROR in ./src/components/Areas/AreasDetail.js
Module not found: Error: Can't resolve 'components/Areas/AreasDetailForm' in '/app/src/components/Areas'
 @ ./src/components/Areas/AreasDetail.js 29:0-63 135:110-125 139:63-78
 @ ./src/App.js

I don’t have app folder, all my components, actions and everything is in src folder. I am not sure why its looking the /app/src folder.

My webpack.config.js is

  const path = require('path');
  module.exports = {
  mode: 'production',
  context: path.join(__dirname, './'),
  entry: './src/App.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js',
  },
  resolve: {
    extensions: ['.js', '.jsx'],
  },
  module: {
    rules: [
            {
                test: /\.(scss|css)$/,
                use: [
                    'style-loader',
                    'css-loader',
                    'resolve-url-loader',
                    { loader: 'sass-loader', options: { sourceMap: true } },
                ],
            },
            {
                test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)$/i,
                use: [
                    'file-loader',
                ],
            },
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
            },
        ],
     },
};