diff --git a/packages/eslint-plugin/src/rules/no-extra-parens.ts b/packages/eslint-plugin/src/rules/no-extra-parens.ts
index 3a4a5973074..a44276a0a76 100644
--- a/packages/eslint-plugin/src/rules/no-extra-parens.ts
+++ b/packages/eslint-plugin/src/rules/no-extra-parens.ts
@@ -141,8 +141,30 @@ export default util.createRule<Options, MessageIds>({
       },
       BinaryExpression: binaryExp,
       CallExpression: callExp,
-      // ClassDeclaration
-      // ClassExpression
+      ClassDeclaration(node) {
+        if (node.superClass?.type === AST_NODE_TYPES.TSAsExpression) {
+          return rules.ClassDeclaration({
+            ...node,
+            superClass: {
+              ...node.superClass,
+              type: AST_NODE_TYPES.SequenceExpression as any,
+            },
+          });
+        }
+        return rules.ClassDeclaration(node);
+      },
+      ClassExpression(node) {
+        if (node.superClass?.type === AST_NODE_TYPES.TSAsExpression) {
+          return rules.ClassExpression({
+            ...node,
+            superClass: {
+              ...node.superClass,
+              type: AST_NODE_TYPES.SequenceExpression as any,
+            },
+          });
+        }
+        return rules.ClassExpression(node);
+      },
       ConditionalExpression(node) {
         // reduces the precedence of the node so the rule thinks it needs to be wrapped
         if (util.isTypeAssertion(node.test)) {
diff --git a/packages/eslint-plugin/tests/rules/no-extra-parens.test.ts b/packages/eslint-plugin/tests/rules/no-extra-parens.test.ts
index 6a9e87111aa..369f55101f2 100644
--- a/packages/eslint-plugin/tests/rules/no-extra-parens.test.ts
+++ b/packages/eslint-plugin/tests/rules/no-extra-parens.test.ts
@@ -141,6 +141,10 @@ t.true((me.get as SinonStub).calledWithExactly('/foo', other));
 t.true((<SinonStub>me.get).calledWithExactly('/foo', other));
 (requestInit.headers as Headers).get('Cookie');
 (<Headers> requestInit.headers).get('Cookie');
+class Foo {}
+class Foo extends (Bar as any) {}
+const foo = class {};
+const foo = class extends (Bar as any) {}
       `,
       parserOptions: {
         ecmaFeatures: {
@@ -254,6 +258,10 @@ new a<import('')>((1));
 a<(A)>((1));
 async function f(arg: Promise<any>) { await (arg); }
 async function f(arg: any) { await ((arg as Promise<void>)); }
+class Foo extends ((Bar as any)) {}
+class Foo extends (Bar) {}
+const foo = class extends ((Bar as any)) {}
+const foo = class extends (Bar) {}
       `,
       output: `
 a = b * c;
@@ -267,6 +275,10 @@ new a<import('')>(1);
 a<(A)>(1);
 async function f(arg: Promise<any>) { await arg; }
 async function f(arg: any) { await (arg as Promise<void>); }
+class Foo extends (Bar as any) {}
+class Foo extends Bar {}
+const foo = class extends (Bar as any) {}
+const foo = class extends Bar {}
       `,
       errors: [
         {
@@ -324,6 +336,26 @@ async function f(arg: any) { await (arg as Promise<void>); }
           line: 12,
           column: 37,
         },
+        {
+          messageId: 'unexpected',
+          line: 13,
+          column: 20,
+        },
+        {
+          messageId: 'unexpected',
+          line: 14,
+          column: 19,
+        },
+        {
+          messageId: 'unexpected',
+          line: 15,
+          column: 28,
+        },
+        {
+          messageId: 'unexpected',
+          line: 16,
+          column: 27,
+        },
       ],
     }),
     ...batchedSingleLineTests({