Deploying to github pages throws error 404 model.gltf not found

[marinakhamis]

I created a website using "create react app"and I have a model.gltf in my "public" folder, when I run npm run deploy it creates a "build" folder that has the model.gltf inside it but the github page throws:
On ChromeFailed to load resource: the server responded with a status of 404
On Firefox XHR GET https://marinakhamis.github.io/model.gltf [HTTP/2 404 Not Found 69ms]

P.S: I refer to Marina_model_stand_draco as model.gltf for simplicity

model.js file (Auto-generated by: https://github.com/pmndrs/gltfjsx)

package.json

folder structure

[mwmwmw]

You can confirm this in the network tab, but I think the / is taking you to the root.

You're reading from https://marina-khamis.github.io/ instead of the https://marina-khamis.github.io/marina-khamis subfolder.

[drcmda]

gltf is not a container format, it refers to other textured and binaries. it's better to use glb. you can get a compressed one by doing npx gltfjsx model.gltf --transformö. most likely the errors stems from it trying to load the missing links.

[shaik-Reshma-Developer]

for glb also the same problem occured