Adding 3D objects using React

[manasi-garg22]

Hy all,

I am trying to add 3D objects on canvas using useEffect. But Failed to do so I am adding my code can you tell me what's the issue.

const map = mapRef.current = new MapView({
theme,
canvas: canvasRef.current,
target: initialCoordinates,
zoomLevel: initialZoomLevel,
});
const geometry = new THREE.BoxGeometry(1000, 1000, 1000);
const material = new THREE.MeshStandardMaterial({ color: 0x00ff00fe });
const cube = new THREE.Mesh(geometry, material);
cube.renderOrder = 1000;
const geoPosition = map.getGeoCoordinatesAt(52.53102, 13.3848);
cube.anchor = geoPosition;
map.mapAnchors.add(cube);
map.update();