IR-2343: add basic cache to asset loader, use to cache prefab shelf (#…

…10753)

* add basic cache to asset loader, use to cache prefab shelf

* simplify to use useGLTF as cacher

* remove asset loader cache state

packages/editor/src/components/prefabs/PrefabEditors.tsx

@@ -18,7 +18,8 @@ All portions of the code written by the Ethereal Engine team are Copyright © 20
 Ethereal Engine. All Rights Reserved.
 */
 import config from '@etherealengine/common/src/config'
-import { defineState } from '@etherealengine/hyperflux'
+import { useGLTF } from '@etherealengine/engine/src/assets/functions/resourceLoaderHooks'
+import { defineState, getMutableState, useHookstate } from '@etherealengine/hyperflux'
 import React, { ReactNode } from 'react'
 import { FiHexagon } from 'react-icons/fi'
 
@@ -148,5 +149,14 @@ export const PrefabShelfState = defineState({
         url: `${config.client.fileServer}/projects/default-project/assets/prefabs/camera.prefab.gltf`,
         category: 'Camera'
       }
-    ] as PrefabShelfItem[]
+    ] as PrefabShelfItem[],
+  reactor: () => {
+    const shelfState = useHookstate(getMutableState(PrefabShelfState))
+    return shelfState.value.map((shelfItem) => <ShelfItemReactor key={shelfItem.url} url={shelfItem.url} />)
+  }
 })
+
+const ShelfItemReactor = (props: { key: string; url: string }): JSX.Element | null => {
+  useGLTF(props.url)
+  return null
+}