three js next.js

I'm using react-three-fiber , three and nextjs to display some birds which is a common example in threejs ! Here is my index file of a nextjs app: import React, { useRef, useState, useEffect } from 'react'; import * as THREE from 'three'; import { Canvas, useFrame, useLoader } from 'react-three-fiber'; import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'; function Box(props) { // This reference will give us direct access to the mesh const mesh = useRef(); // Set up ...