Controll zoom level and trigger tile level load

[imtiendat]

Hi im just found out about cesium and cesium js.
I’m try to implement cesium as a layer of my current application that already have listener to control zoom magnification level and inverse rotation matrix. I’m able to use zoomIn and zoomOut function of camera to sync the zoom level of camera with my current application but somehow it’s seem like the tile is not trigger loading next level so when i’m zoom all the way in i see only black. And that not the case when i try cesium io normally zoom in using mouse. Could someone be able to help me with this problem
code i use to control zoom is

    Cesium.Ion.defaultAccessToken = import.meta.env.VITE_APP_CESIUM_TOKEN;
    const viewer = new Cesium.Viewer('cesiumContainer', {
        timeline: false,
        animation: false,
        imageryProvider: false,
        baseLayerPicker: false,
        requestRenderMode: true,
        geocoder: false,
    })
    const googleMapApiKey = import.meta.env.VITE_APP_GOOGLE_MAP_API_KEY;
    const tileset = await Cesium.Cesium3DTileset.fromUrl(`https://tile.googleapis.com/v1/3dtiles/root.json?key=${googleMapApiKey}`);
    viewer.scene.primitives.add(tileset);
    viewer.scene.globe.show = true;
    watch(()=>zoomMagnificationFactor.value,(newVal,oldVal)=>{
        const zoom = viewer.camera.defaultZoomAmount;
        console.log(newVal,oldVal);
        if(newVal-oldVal>0){
            viewer.camera.zoomIn(zoom*newVal);
        }else{
            viewer.camera.zoomOut(zoom*newVal);
        }
    })