How to fix 'noImplicitOverride' requires 'noImplicitThis' in TypeScript

Open your tsconfig.json file and examine the compilerOptions section. Look for the noImplicitOverride setting:

{
  "compilerOptions": {
    "noImplicitOverride": true,
    // ... other options
  }
}

If you see noImplicitOverride: true but no noImplicitThis setting, this is causing the error.

Add noImplicitThis: true to your compilerOptions:

{
  "compilerOptions": {
    "noImplicitOverride": true,
    "noImplicitThis": true,
    // ... other options
  }
}

This satisfies TypeScript's requirement that both options be enabled together.

If you want comprehensive type safety, consider enabling strict mode which includes both options:

{
  "compilerOptions": {
    "strict": true,
    // ... other options
  }
}

The strict: true option enables noImplicitOverride, noImplicitThis, and all other strict type-checking options. This is the recommended approach for new projects.

After enabling noImplicitThis, you may see new type errors related to this usage. Fix these by:

1. Adding explicit this parameter types to functions:

function example(this: MyClass) {
  // this is now properly typed
}

2. Using arrow functions to preserve this context:

class MyClass {
  method = () => {
    // this is correctly bound to the instance
  }
}

3. Adding type annotations to class methods where this is used.

Run TypeScript compilation to ensure the error is resolved:

npx tsc --noEmit
# or
npm run build

The "'noImplicitOverride' requires 'noImplicitThis'" error should no longer appear. If you still see errors, check that your tsconfig.json is being read correctly and that there are no conflicting configurations in extended config files.

If you're using build tools like webpack, vite, or esbuild, ensure they're using the updated tsconfig.json:

- For webpack: Check ts-loader or babel-loader configuration
- For vite: The tsconfig.json in project root is automatically used
- For esbuild: Pass the --tsconfig flag with your config path

Also update any CI/CD configuration files to ensure they use the correct TypeScript compiler options.