[@types/react] Add onResize event to video elements

[Semigradsky]

Please fill in this template.

• Use a meaningful title for the pull request. Include the name of the package modified.
• Test the change in your own code. (Compile and run.)
• Add or edit tests to reflect the change.
• Follow the advice from the readme.
• Avoid common mistakes.
• Run npm test <package to test>.

If changing an existing definition:

• Provide a URL to documentation or source code which provides context for the suggested changes: Fix #21972: Add onResize event to video elements facebook/react#21973 , https://html.spec.whatwg.org/multipage/media.html#mediaevents
• If this PR brings the type definitions up to date with a new version of the JS library, update the version number in the header.

Closes #63061

[typescript-bot]

@Semigradsky Thank you for submitting this PR!

This is a live comment which I will keep updated.

1 package in this PR

• react — on npm, on unpkg
  • 1 added owner: ✎@Semigradsky

@Semigradsky: I see that you have added yourself as an owner, are you sure you want to become an owner?

Code Reviews

Because this is a widely-used package, a DT maintainer will need to review it before it can be merged.

You can test the changes of this PR in the Playground.

Status

• ✅ No merge conflicts
• ✅ Continuous integration tests have passed
• 🕐 Most recent commit is approved by a DT maintainer

Once every item on this list is checked, I'll ask you for permission to merge and publish the changes.

---

Diagnostic Information: What the bot saw about this PR

{
  "type": "info",
  "now": "-",
  "pr_number": 63076,
  "author": "Semigradsky",
  "headCommitOid": "c2c6a52b59ebdfc0fe847bf79c305c57acfb8235",
  "mergeBaseOid": "17956ab1d255c6e739a2eed81f92e76bc60665b0",
  "lastPushDate": "2022-11-04T10:11:26.000Z",
  "lastActivityDate": "2022-11-04T10:37:00.000Z",
  "hasMergeConflict": false,
  "isFirstContribution": false,
  "tooManyFiles": false,
  "hugeChange": false,
  "popularityLevel": "Critical",
  "pkgInfo": [
    {
      "name": "react",
      "kind": "edit",
      "files": [
        {
          "path": "types/react/index.d.ts",
          "kind": "definition"
        },
        {
          "path": "types/react/test/elementAttributes.tsx",
          "kind": "test"
        }
      ],
      "owners": [
        "johnnyreilly",
        "bbenezech",
        "pzavolinsky",
        "ericanderson",
        "DovydasNavickas",
        "theruther4d",
        "guilhermehubner",
        "ferdaber",
        "jrakotoharisoa",
        "pascaloliv",
        "hotell",
        "franklixuefei",
        "Jessidhia",
        "saranshkataria",
        "lukyth",
        "eps1lon",
        "zieka",
        "dancerphil",
        "dimitropoulos",
        "disjukr",
        "vhfmag",
        "hellatan",
        "priyanshurav"
      ],
      "addedOwners": [
        "Semigradsky"
      ],
      "deletedOwners": [],
      "popularityLevel": "Critical"
    }
  ],
  "reviews": [],
  "mainBotCommentID": 1303213708,
  "ciResult": "pass"
}

[typescript-bot]

🔔 @johnnyreilly @bbenezech @pzavolinsky @ericanderson @DovydasNavickas @theruther4d @guilhermehubner @ferdaber @jrakotoharisoa @pascaloliv @Hotell @franklixuefei @Jessidhia @saranshkataria @lukyth @eps1lon @zieka @dancerphil @dimitropoulos @disjukr @vhfmag @hellatan @priyanshurav — please review this PR in the next few days. Be sure to explicitly select Approve or Request Changes in the GitHub UI so I know what's going on.

[DangerBotOSS]

Inspecting the JavaScript source for this package found some properties that are not in the .d.ts files.
The check for missing properties isn't always right, so take this list as advice, not a requirement.

react (unpkg)

was missing the following properties:

1. unstable_act

Generated by 🚫 dangerJS against c2c6a52

[eps1lon]

Thanks!

[robinmetral]

It looks like this breaks TS compatibility between our app on React 17 and a library on React 18. Can we make the same change to React 17 types?

☝️ Body extends React 18 HTMLAttributes<HTMLParagraphElement> and this somehow clashes with React 17 types in the repository.

I can fix this locally by adding the new lines from this PR to the React type defs in node_modules:

        onRateChangeCapture?: ReactEventHandler<T> | undefined;
+       onResize?: ReactEventHandler<T> | undefined;
+       onResizeCapture?: ReactEventHandler<T> | undefined;
        onSeeked?: ReactEventHandler<T> | undefined;

(e.g. #62879 updates the attribute in types for React 16, 17 and 18 and didn't cause issues for us)

[robinmetral]

Ah but the problem here is that onResize was only added in React 18 (facebook/react#24195), so backporting the change would be inaccurate. Does anyone with better TS skills know how to avoid the conflict I'm describing above? If a reproduction would help I'd be happy to provide one.