Bump eslint-plugin-react from 7.32.2 to 7.33.2 (#1148)

* Bump eslint-plugin-react from 7.32.2 to 7.33.2

Bumps [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) from 7.32.2 to 7.33.2.
- [Release notes](https://github.com/jsx-eslint/eslint-plugin-react/releases)
- [Changelog](https://github.com/jsx-eslint/eslint-plugin-react/blob/master/CHANGELOG.md)
- [Commits](jsx-eslint/eslint-plugin-react@v7.32.2...v7.33.2)

---
updated-dependencies:
- dependency-name: eslint-plugin-react
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>

* Update dropdown.tsx

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jonathan Beliën <[email protected]>
Co-authored-by: Jonathan Beliën <[email protected]>

assets/typescript/mapper/dropdown.tsx

@@ -2,7 +2,8 @@ import { Menu } from '@headlessui/react';
 import { ChevronDownIcon } from '@heroicons/react/20/solid';
 import { createPopper, Options } from '@popperjs/core';
 import React, {  RefCallback, useRef, useCallback, useMemo } from 'react';
-import ReactDOM, { render } from 'react-dom';
+import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 function getItems(id: number) {
   return [
@@ -130,5 +131,6 @@ export default function createDropdown(
   element: Element,
   prop: { id: number; label: string }
 ): void {
-  render(<Dropdown id={prop.id} label={prop.label} />, element);
+  const root = createRoot(element);
+  root.render(<Dropdown id={prop.id} label={prop.label} />);
 }