Uncaught Error: Cannot find module './App' at webpackMissingModule - reactjs

Question

I'm receiving the error Uncaught Error: Cannot find module './App' at webpackMissingModule in the console of the local environment when I run npm start from the client directory.
The screen renders 2 errors.
ERROR in ./src/index.tsx 7:0-24 Module not found: Error: Can't resolve './App.tsx' in '/client/src'
ERROR in ./src/index.tsx 7:0-24 Module not found: Error: Can't resolve './store.ts' in '/client/src'
However, when I import the client directory of my project into a CodeSandbox, it is working.
Note, I did NOT create a webpack.config.js file in the client directory and tsconfig.json file in the root directory.
Instead, I'm using config-overrides.js as an alternative to webpack.config.js as I did not want to eject from the Create React App environment to setup my Webpack configuration.
Here are the contents of config-overrides.js.
const { override, addWebpackModuleRule } = require('customize-cra');
module.exports = override(
addWebpackModuleRule({
test: /\.(ts|tsx|js|jsx)$/,
loader: require.resolve('ts-loader'),
}),
addWebpackModuleRule({
test: /\.json$/,
loader: require.resolve('json-loader'),
type: 'javascript/auto',
})
);
Solution Attempts:
delete node_modules and package-lock.json, then npm install
npm cache clean --force and npm cache clear --force
assured the dependencies and packages installed in my local environment are the same in CodeSandbox.
assured file paths are correct
using Chrome on both local and CodeSandbox
Here is the CodeSandbox. What's going on?