fix(react): add override to class component render() method (#13743)

Author: Flusinerd

packages/react/src/generators/component/component.spec.ts

@@ -107,6 +107,23 @@ describe('component', () => {
     ).toBeFalsy();
   });
 
+  describe('--classComponent', () => {
+    it('should add the override keyword to the render() method', async () => {
+      await componentGenerator(appTree, {
+        name: 'hello',
+        style: 'css',
+        project: projectName,
+        classComponent: true,
+      });
+
+      const tsxFileContent = appTree.read(
+        `libs/my-lib/src/lib/hello/hello.tsx/`,
+        'utf-8'
+      );
+      expect(tsxFileContent).toMatch(/override\srender\(\)/);
+    });
+  });
+
   describe('--export', () => {
     it('should add to index.ts barrel', async () => {
       await componentGenerator(appTree, {

packages/react/src/generators/component/files/__fileName__.tsx__tmpl__

@@ -34,7 +34,7 @@ const Styled<%= className %> = styled.div`
 <% }%>
 <% if (classComponent) { %>
 export class <%= className %> extends Component<<%= className %>Props> {
-  render() {
+  override render() {
     return (
       <<%= wrapper %><%- extras %>>
         <%= styledModule === 'styled-jsx' ? `<style jsx>{\`div { color: pink; }\`}</style>` : `` %>