data-sentry-element is passed as prop

Summary

The html attributes we use for sentry are passed to react components as props. They should be html attributes.

Steps to reproduce the bug

As a developer

  • open the file Chat.tsx
  • go to the component definition in line 32
  • add a destructuring statement to the function parameters (see example)
  • log the destructured property (see example)
const Chat = ({ target, scope = ChatScope.Global, autoFocusMessageInput, ...rest }: ChatProps) => {
...
console.log(rest)
  • observe that it contains two "data-sentry" attributes

Acceptance Criteria

  • they should be attached to real html elements, not react components
  • Find out if there are more instances of this and remove them too

Logs and/or screenshots

(Add logs and/or screenshots to illustrate the bug.)