Error while deploying on vercel

[soybeins]

Conflict while building. Next.js with react version @18.2.0.

In the meantime I used a temporary fix npm i agora-rtc-react --legacy-peers-deps. Is this advisable?

16:12:35.133 | npm ERR! code ERESOLVE
16:12:35.136 | npm ERR! ERESOLVE could not resolve
16:12:35.136 | npm ERR!
16:12:35.137 | npm ERR! While resolving: agora-rtc-react@1.0.1
16:12:35.137 | npm ERR! Found: react@18.2.0
16:12:35.137 | npm ERR! node_modules/react
16:12:35.137 | npm ERR!   react@"^18.2.0" from the root project
16:12:35.137 | npm ERR!   peer react@"^16 \|\| ^17 \|\| ^18" from @headlessui/react@1.7.10
16:12:35.137 | npm ERR!   node_modules/@headlessui/react
16:12:35.137 | npm ERR!     @headlessui/react@"^1.7.10" from the root project
16:12:35.138 | npm ERR!   10 more (@heroicons/react, @react-oauth/google, next, react-dom, ...)
16:12:35.138 | npm ERR!
16:12:35.138 | npm ERR! Could not resolve dependency:
16:12:35.138 | npm ERR! peer react@"^16.8.0 \|\| ^17" from agora-rtc-react@1.0.1
16:12:35.138 | npm ERR! node_modules/agora-rtc-react
16:12:35.138 | npm ERR!   agora-rtc-react@"github:AgoraIO-Community/agora-rtc-react#v1.0.1" from the root project
16:12:35.138 | npm ERR!
16:12:35.138 | npm ERR! Conflicting peer dependency: react@17.0.2
16:12:35.138 | npm ERR! node_modules/react
16:12:35.138 | npm ERR!   peer react@"^16.8.0 \|\| ^17" from agora-rtc-react@1.0.1
16:12:35.138 | npm ERR!   node_modules/agora-rtc-react
16:12:35.139 | npm ERR!     agora-rtc-react@"github:AgoraIO-Community/agora-rtc-react#v1.0.1" from the root project