Re-render causes disconnect

### What kind of problem do you need help?

When I have 2 components (Like in this example: https://www.agora.io/en/blog/agora-react-sdk-build-a-video-conferencing-app-in-minutes/):
1. Parent holding agora client
2. Child using agora client to do a video call

When the parent re-renders, the connection state of the agora client is reset to `DISCONNECTED` and the user gets disconnected.

What can I do to solve this issue?

Thanks for your help :)