Error while loading rule '#typescript-eslint/await-thenable': You have used a rule which requires parserServices to be generated - typescript-eslint

Question

I know this error is all over the place however I tried adding a tsconfig.json file to the parserServices.project already and that did not work.
Basically I have a yarn workspace project and my sub-package is giving this error. It has a local eslintrc.cjs file which again I set the parserServices.project path to './tsconfig.eslint.config' which does exist. Also the rule #typescript-eslint/await-thenable is not in this sub-package it is in a parent. This is my eslintrc.cjs contents.
module.exports = {
plugins: [
'prettier'
],
extends: ['eslint:recommended', 'prettier'],
parser: '#babel/eslint-parser',
parserOptions: {
ecmaVersion: 11,
requireConfigFile: false,
sourceType: 'module',
ecmaFeatures: {
jsx: true
},
project: './tsconfig.eslint.json',
},
env: {
es6: true,
browser: true,
node: true,
jest: true
},
rules: {
'no-debugger': 2,
'no-alert': 2,
'no-await-in-loop': 0,
'no-prototype-builtins': 0,
'no-return-assign': ['error', 'except-parens'],
'no-restricted-syntax': [
2,
'ForInStatement',
'LabeledStatement',
'WithStatement'
],
'no-unused-vars': [
0,
{
ignoreSiblings: true,
argsIgnorePattern: 'React|res|next|^_'
}
],
'prefer-const': [
'error',
{
destructuring: 'all'
}
],
'no-unused-expressions': [
2,
{
allowTaggedTemplates: true
}
],
'no-console': 1,
'comma-dangle': 2,
'jsx-quotes': [2, 'prefer-double'],
'linebreak-style': ['error', 'unix'],
quotes: [
2,
'single',
{
avoidEscape: true,
allowTemplateLiterals: true
}
],
'prettier/prettier': [
'error',
{
trailingComma: 'none',
singleQuote: true,
printWidth: 80
}
]
}
};