[CLNP-6261] React 19 upgrade (#1304)

[CLNP-6261](https://sendbird.atlassian.net/browse/CLNP-6261)
[SBISSUE-18486](https://sendbird.atlassian.net/browse/SBISSUE-18486)

### Changelogs

- Added React 19 compatibility

```

### Checklist

Put an `x` in the boxes that apply. You can also fill these out after creating the PR. If unsure, ask the members.
This is a reminder of what we look for before merging your code.

- [x] **All tests pass locally with my changes**
- [ ] **I have added tests that prove my fix is effective or that my feature works**
- [ ] **Public components / utils / props are appropriately exported**
- [ ] I have added necessary documentation (if appropriate)


## External Contributions

This project is not yet set up to accept pull requests from external contributors.

If you have a pull request that you believe should be accepted, please contact
the Developer Relations team <[email protected]> with details
and we'll evaluate if we can set up a [CLA](https://en.wikipedia.org/wiki/Contributor_License_Agreement) to allow for the contribution.


[CLNP-6261]: https://sendbird.atlassian.net/browse/CLNP-6261?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
[SBISSUE-18486]: https://sendbird.atlassian.net/browse/SBISSUE-18486?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: chrisallo

babel.config.js

@@ -1,10 +1,14 @@
+
+const reactCompilerConfig = {};
+
 module.exports = {
   presets: [
     '@babel/preset-env',
     '@babel/preset-react',
     '@babel/preset-typescript',
   ],
   plugins: [
+    ['babel-plugin-react-compiler', reactCompilerConfig],
     '@babel/plugin-proposal-class-properties',
     '@babel/plugin-syntax-export-default-from',
     '@babel/plugin-proposal-private-property-in-object',

package.json

@@ -66,8 +66,8 @@
   "author": "SendBird <[email protected]>",
   "license": "SEE LICENSE IN LICENSE.md",
   "peerDependencies": {
-    "react": "^16.8.6 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0"
+    "react": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
     "@sendbird/chat": "^4.16.2",
@@ -97,19 +97,20 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.4",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/manager-api": "^8.4.7",
-    "@storybook/react-vite": "^8.0.9",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/manager-api": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
     "@svgr/rollup": "^8.1.0",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.4.3",
     "@types/node": "^22.7.2",
     "@typescript-eslint/eslint-plugin": "^6.17.0",
     "@typescript-eslint/parser": "^6.17.0",
     "autoprefixer": "^9.7.4",
     "babel-jest": "^29.0.1",
+    "babel-plugin-react-compiler": "^19.0.0-beta-27714ef-20250124",
     "browserslist": "^4.14.5",
     "caniuse-lite": "^1.0.30001148",
     "eslint": "^8.40.0",
@@ -130,8 +131,8 @@
     "plop": "^2.5.3",
     "postcss": "^8.3.5",
     "postcss-rtlcss": "^5.3.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rollup": "^4.9.2",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
@@ -141,7 +142,7 @@
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-plugin-visualizer": "^5.9.2",
     "sass": "^1.55.0",
-    "storybook": "^8.0.9",
+    "storybook": "^8.5.0",
     "stylelint": "^13.0.0",
     "stylelint-config-sass-guidelines": "^7.0.0",
     "ts-pattern": "^4.2.2",

src/modules/GroupChannel/context/__tests__/useMessageActions.spec.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { useMessageActions } from '../hooks/useMessageActions';
 import { UserMessageCreateParams, FileMessageCreateParams } from '@sendbird/chat/message';