Fix infinite loading in VariantComponent (#10267)

* Use `useOptionalComponent` instead of `useComponent` * Use `getOptional` instead of `useOptional` --------- Co-authored-by: Gheric Speiginer <[email protected]>
EtherealEngine · May 29, 2024 · 0e66e47 · 0e66e47
1 parent e135beb
commit 0e66e47
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/editor/src/components/properties/VariantNodeEditor.tsx b/packages/editor/src/components/properties/VariantNodeEditor.tsx
@@ -27,7 +27,7 @@ import DeblurIcon from '@mui/icons-material/Deblur'
 import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 
-import { useComponent } from '@etherealengine/ecs/src/ComponentFunctions'
+import { getOptionalMutableComponent, useComponent } from '@etherealengine/ecs/src/ComponentFunctions'
 import { Entity, UndefinedEntity } from '@etherealengine/ecs/src/Entity'
 import { AssetLoader } from '@etherealengine/engine/src/assets/classes/AssetLoader'
 import { AssetType } from '@etherealengine/engine/src/assets/enum/AssetType'
@@ -96,11 +96,12 @@ export const VariantNodeEditor: EditorComponentType = (props: { entity: Entity }
   const { t } = useTranslation()
   const entity = props.entity
   const variantComponent = useComponent(entity, VariantComponent)
-  const modelComponent = useComponent(entity, ModelComponent)
   const previewIndex = useHookstate(0)
 
   const setPreview = (index: number) => {
     previewIndex.set(index)
+    const modelComponent = getOptionalMutableComponent(entity, ModelComponent)
+    if (!modelComponent) return
     modelComponent.src.set(variantComponent.levels[index].src.value)
   }