intellisense not working with tsconfig.json, babel.config.js, and .eslintrc.json

I configure these babel.config.js, tsconfig.json, and .eslintrc.jsonit working fine with project run and build but it's not showing any suggestions (intellisense) with my imports.Please review and help me to fix it. So, visual sutio code show intellisense and I can work fast.

.eslintrc.js

module.exports = {  root: true,  extends: ['airbnb', 'airbnb/hooks', '@react-native-community'],  settings: {'import/resolver': {      alias: [        ['assets', './assets'],        ['components', './components'],        ['screens', './screens'],        ['utils', './utils'],      ],    },  },};

tsconfig.json

{"compilerOptions": {"allowSyntheticDefaultImports": true,"jsx": "react-native","lib": ["dom","esnext"    ],"moduleResolution": "node","noEmit": true,"skipLibCheck": true,"resolveJsonModule": true,"strict": true  },"baseUrl": ".","paths": {"assets/*": ["./assets/*"],"components/*": ["./components/*"],"screens/*": ["./screens/*"],"utils/*": ["./utils/*"],  },"exclude": ["node_modules"],"extends": "expo/tsconfig.base"}

babel.config.js

module.exports = function (api) {  api.cache(true);  return {    presets: ['babel-preset-expo'],    plugins: [      ['module-resolver',        {          alias: {            assets: './assets',            components: './components',            screens: './screens',            utils: './utils',          },        },      ],    ],  };};