add absolute paths

config-overrides.js

@@ -0,0 +1,16 @@
+const path = require('path');
+
+module.exports = function override(config) {
+  console.log('Aliases before', config.resolve.alias);
+  config.resolve = {
+    ...config.resolve,
+    alias: {
+      ...config.alias,
+      'components': path.resolve(__dirname, 'src/components'),
+      'context': path.resolve(__dirname, 'src/context'),
+      'src': path.resolve(__dirname, 'src')
+    },
+  };
+  console.log('CONFIG', config);
+  return config;
+};

package.json

@@ -13,10 +13,10 @@
     "uuid": "^8.3.2"
   },
   "scripts": {
-    "start": "cross-env BROWSER=none PORT=8080 react-scripts start",
+    "start": "cross-env NODE_PATH=src BROWSER=none PORT=8080 react-app-rewired start",
-    "build": "react-scripts build",
+    "build": "react-app-rewired build",
-    "test": "react-scripts test",
+    "test": "react-app-rewired test",
-    "eject": "react-scripts eject"
+    "eject": "react-app-rewired eject"
   },
   "eslintConfig": {
     "extends": [
@@ -38,6 +38,7 @@
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
+    "react-app-rewired": "^2.2.1",
     "react-scripts": "^5.0.1",
     "typescript": "^4.7.4"
   }

tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": "./",
     "target": "es5",
     "lib": [
       "dom",
@@ -19,15 +20,13 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-//    "paths": {
+    "paths": {
-//      "components/*": ["src/components/*"],
+      "components/*": ["src/components/*"],
-//      "core/*": ["src/core/*"],
+      "context/*": ["src/context/*"],
-//      "pages/*": ["src/pages/*"],
+      "src/*": ["src/*"],
-//      "redux/*": ["src/redux/*"],
+    }
-//      "src/*": ["src/*"],
-//    }
   },
   "include": [
     "src"
-  ]
+  ],
 }