Update src/app/gym-3d/page.tsx
This commit is contained in:
@@ -4,6 +4,9 @@ import { useEffect, useRef, useState } from "react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Mail, Send } from 'lucide-react';
|
||||
import * as THREE from "three";
|
||||
import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
|
||||
import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
|
||||
|
||||
declare global {
|
||||
namespace JSX {
|
||||
@@ -20,10 +23,6 @@ export default function Gym3D() {
|
||||
|
||||
useEffect(() => {
|
||||
const loadThree = async () => {
|
||||
const THREE = (await import("three")).default;
|
||||
const { GLTFLoader } = await import("three/examples/jsm/loaders/GLTFLoader.js");
|
||||
const { OrbitControls } = await import("three/examples/jsm/controls/OrbitControls.js");
|
||||
|
||||
if (!canvasRef.current) return;
|
||||
|
||||
const scene = new THREE.Scene();
|
||||
|
||||
Reference in New Issue
Block a user