Do not add componentName as data in replay payload

Author: 0Calories

packages/browser-integration-tests/suites/replay/keyboardEvents/test.ts

@@ -75,7 +75,6 @@ sentryTest('captures keyboard events', async ({ forceFlushReplay, getLocalTestPa
         ctrlKey: true,
         altKey: false,
         key: 'Control',
-        componentName: 'body',
       },
     },
     {
@@ -91,7 +90,6 @@ sentryTest('captures keyboard events', async ({ forceFlushReplay, getLocalTestPa
         ctrlKey: true,
         altKey: false,
         key: 'A',
-        componentName: 'body',
       },
     },
     {
@@ -107,7 +105,6 @@ sentryTest('captures keyboard events', async ({ forceFlushReplay, getLocalTestPa
           tagName: 'input',
           textContent: '',
         },
-        componentName: 'body > input#input',
       },
     },
   ]);

packages/browser-integration-tests/utils/replayEventTemplates.ts

@@ -212,7 +212,6 @@ export const expectedClickBreadcrumb = {
       tagName: expect.any(String),
       textContent: expect.any(String),
     },
-    componentName: expect.any(String),
   },
 };
 

packages/replay/src/coreHandlers/handleDom.ts

@@ -70,7 +70,6 @@ export function getBaseDomBreadcrumb(target: Node | null, message: string): Brea
               .map(text => (text as string).trim())
               .join(''),
             attributes: getAttributesToRecord(element.attributes),
-            componentName: getElementIdentifier(target),
           },
         }
       : {},

packages/replay/src/coreHandlers/handleKeyboardEvent.ts

@@ -58,7 +58,6 @@ export function getKeyboardBreadcrumb(event: KeyboardEvent): Breadcrumb | null {
       ctrlKey,
       altKey,
       key,
-      componentName: getElementIdentifier(target),
     },
   });
 }

packages/replay/test/unit/coreHandlers/handleKeyboardEvent.test.ts

@@ -39,7 +39,6 @@ describe('Unit | coreHandlers | handleKeyboardEvent', () => {
           key: 'Escape',
           metaKey: false,
           shiftKey: false,
-          componentName: 'body',
         },
         message: 'body',
         timestamp: expect.any(Number),
@@ -70,7 +69,6 @@ describe('Unit | coreHandlers | handleKeyboardEvent', () => {
           key,
           metaKey: false,
           shiftKey: false,
-          componentName: 'body',
         },
         message: 'body',
         timestamp: expect.any(Number),