Black region at the top of the map on zoom in

[BharathKumarRavichandran]

Hi, I am using deck.gl along with google-3d-tiles to incorporate a 3D Tile Layer. I've encountered an issue where upon zooming in beyond a certain threshold, black regions start appearing at the top of the map. This only happens after a particular zoom-factor, I am not sure what is going wrong here. I've included both the code snippet and screenshots for reference.

        const newLayers = [
            new Tile3DLayer({
                id: 'google-3d-tiles',
                data: 'https://tile.googleapis.com/v1/3dtiles/root.json',
                onTilesetLoad: tileset3d => {
                    tileset3d.options.onTraversalComplete = selectedTiles => {
                        const uniqueCredits = new Set();
                        selectedTiles.forEach(tile => {
                            const {copyright} = tile.content.gltf.asset;
                            copyright.split(';').forEach(uniqueCredits.add, uniqueCredits);
                        });
                        setCredits([...uniqueCredits].join('; '));
                        return selectedTiles;
                    };
                },
                loadOptions: {
                    fetch: {headers: {'X-GOOG-API-KEY': import.meta.env.VITE_APP_GOOGLE_MAPS_API_KEY}}
                },
                operation: 'terrain+draw',
                strategy: 'no-overlap',
            })
        ];