i have a problem when i use whereby lib with NextJs
this source of whereby
https://docs.whereby.com/reference/react-hooks-reference/useroomconnection

when i call useRoomConnection to connect to the room and set parameter audio and video to true it always turn microphone and camera on.

i have this main page

// mainpage.tsx
'use client'

import React, { useState } from "react";
import VideoPreview from "./preview";
import RoomConnection from "./roomConnection";

export default function VideoCallRoom() {
    const [isReady, setIsReady] = useState(false)
    const [myName, setMyName] = useState('Easy Sunday');
    const [microphoneStatus, setMicrophoneStatus] = useState(true);
    const [cameraStatus, setCameraStatus] = useState(true);

    if (isReady) {
        return (
            <RoomConnection myName={myName} microphoneStatus={microphoneStatus} cameraStatus={cameraStatus} />
        )
    } else {
        return (
            <VideoPreview setIsReady={setIsReady} setMyName={setMyName} setMicrophoneStatus={setMicrophoneStatus} setCameraStatus={setCameraStatus} />
        )
    }
}

and RoomConnection page that receive cameraStatus and microphoneStatus from preview page.
But when i call useRoomConnection it always turn microphone and camera on.

// RoomConection.tsx
// whereby
    const roomConnection = useRoomConnection(ROOM_URL, {
        localMediaOptions: {
            audio: true,
            video: true,
        }, 
    });
    console.log("sdkasfsgbfiwbgfiubfoihrnoinaerignv")
    const { components, state, actions } = roomConnection; 
    const { VideoView } = components;
    const { localParticipant, remoteParticipants } = state;
    const { toggleCamera, toggleMicrophone } = actions;
    
    useEffect(()=> {
      if (!cameraStatus) {
          toggleCamera();
      }
    }, [])

so i try useEffect to check if cameraStatus = false then i toggle camera to off. but it do useRoomConnection many time how to make it do once after render?