I am trying to show the GLTF on the Model-Viewer. I want to enable the Double-Sided option in the code.

The issue is the GLTF which is not appearing correctly. When I enable the Double-sided option, the Model is visible.

I thought my model must be having some issue but when I check it online, the model was correct, so I think the issue is of the Model-viewer.

<model-viewer
          src={modelURL}
          alt="3D Model"
          environment-image="neutral"
          camera-controls
          ar
          ar-modes="webxr"
          scale="2 2 2"
          camera-target="0 0 0"
          camera-orbit="0deg 90deg 3m"
          ref={(ref) => {
            modelRef.current = ref;
          }}
          style={{ width: "100%", height: "500px" }}
        >
</model-viewer>