fix hotspot transparent

Author: Kinatzo

packages/abstract-3d/src/renderers/react/react-hotspot.tsx

@@ -100,7 +100,7 @@ export function ReactHotSpot({
         })}
       >
         <ReactMesh mesh={h.mesh}>
-          <ReactMaterial id={h.id} isText={false} material={h.mesh.material} hoveredId={hoveredId} />
+          <ReactMaterial id={h.id} isText={false} isHotSpot={true} material={h.mesh.material} hoveredId={hoveredId} />
         </ReactMesh>
       </group>
       {hotSpotTexts && text && (

packages/abstract-3d/src/renderers/react/react-material.tsx

@@ -18,6 +18,7 @@ export function ReactMaterial({
   materialStateImages,
   state,
   isText,
+  isHotSpot,
 }: {
   readonly material: Material;
   readonly id?: string;
@@ -27,6 +28,7 @@ export function ReactMaterial({
   readonly materialStateImages?: Record<string, string>;
   readonly state?: MaterialState | undefined;
   readonly isText: boolean;
+  readonly isHotSpot?: boolean;
 }): React.JSX.Element {
   const mat =
     !state || material.image?.type === "UrlImage"
@@ -70,7 +72,7 @@ export function ReactMaterial({
       roughness={mat.roughness}
       metalness={mat.metalness}
       side={DoubleSide}
-      {...(opacity < 1 || disabled
+      {...((opacity < 1 || disabled) && !isHotSpot
         ? { transparent: true, opacity: disabled ? opacity * decreasedOpacity : opacity }
         : materialDefaults)}
     />