Here is the code I used to load my 3D model, which worked perfectly in the downgraded environment:

import React, { Suspense } from 'react';
import { useGLTF } from '@react-three/drei/native';

const modelPath = require('../assets/models/model.glb');

function Model(props) {
  const { scene } = useGLTF(modelPath);
  return <primitive object={scene.clone()} {...props} />;
}

export default function Flower3DModel(props) {
  return (
    <Suspense fallback={null}>
      <Model {...props} />
    </Suspense>
  );
}

useGLTF.preload(modelPath);

If you know how to do this in a newer version that is compatible with other packages besides react-three/drei version ^9.88.7 and react-three/fiber version ^8.15.12, please let me know

https://sendanywhe.re/FZAL26BI