Possible Unhandled Promise Rejection (id: 0): ReferenceError: Can't find variable: BoxBufferGeometry

[Phudatkgkg]

i'm trying to make a simple cube using Three but it dosen't show on the mobile scene

`import * as React from 'react'; import { View, StyleSheet } from 'react-native'; import { ExpoWebGLRenderingContext, GLView } from 'expo-gl'; import ExpoTHREE, { Renderer } from 'expo-three'; import { Screen, Mesh, MeshBasicMaterial, PerspectiveCamera, Scene, } from 'three'; import { THREE } from 'expo-three';

const ThreeD = (props) => { const onContextCreate = async (gl) => { const scene = new Scene(); const camera = new PerspectiveCamera( 45, gl.drawingBufferWidth / gl.drawingBufferHeight, 1, 1000 )

    gl.canvas = { width: gl.drawingBufferWidth, height: gl.drawingBufferHeight }
    const renderer = new Renderer({ gl })
    renderer.setSize(gl.drawingBufferWidth, gl.drawingBufferHeight)

    const geometry = new BoxBufferGeometry(1, 1, 1)
    const material = new MeshBasicMaterial({
        color: 'blue'
    })

    const cube = new Mesh(geometry, material)
    scene.add(cube)
    const render = () => {
        requestAnimationFrame(render)
        renderer.render(scene, camera)
        gl.endFrameEXP()
    }
    render()
    return cube
}
return (
    <GLView
        style={styles.GLView}
        onContextCreate={onContextCreate}
    />
);

}

const styles = StyleSheet.create({ GLView: { width: 500, height: 500, backgroundColor: "#90ff90" },

});

export default ThreeD; `