please can you help me the arrow does not appear and when i scroll on the screen, it is not appear the about , contectand projects page

import React from "react";
import { Link } from "react-router-dom";
import { arrow } from "../assets/icons";

// Functional component InfoBox to display information with a link and button
const InfoBox = ({ text, link, btnText }) => (

// Object containing different content to render based on currentStage
const renderContent = {
1: (

Hi, I am Muaz 👋


A Software Engineer from Eibtikar Tech

// Functional component HomeInfo to render content based on currentStage
const HomeInfo = ({ currentStage }) => {
return renderContent[currentStage] || null;
};

export default HomeInfo;

Hello I am getting this error when I click on the 3D object to move it. As soon as I click and drag on the webpage it pops the error message of:

There is an error regarding a TypeError: Cannot read properties of undefined (reading 'rotation').

The specific lines of code that are not working are using the "current.rotation.y".

Any Help Would be Greatly Appreciated!!
Thank you

/*
Auto-generated by: https://github.com/pmndrs/gltfjsx
Author: nimzu (https://sketchfab.com/nimzuk)
License: CC-BY-4.0 (http://creativecommons.org/licenses/by/4.0/)
Source: https://sketchfab.com/3d-models/foxs-islands-163b68e09fcc47618450150be7785907
Title: Fox's islands
*/
import {a} from '@react-spring/three';
import React, { useRef, useEffect } from 'react';
import { useGLTF } from '@react-three/drei';
import { useFrame, useThree } from '@react-three/fiber';
import islandScene from '../assets/3d/island.glb';

const Island = (props) => {
const isLandRef = useRef();
const { nodes, materials } = useGLTF(islandScene)
return (
<a.group ref={isLandRef}{...props} >







</a.group>
)
}

export default Island;

my 3d models not showing

hey! Can anyone please guide me on how to publish this project on github pages!