useFile()

Converts a file uploaded with useFields into a URL, which can be used as a source.

Accepted file types:

• image: .png, .jpg, jpeg, .gif, .svg
• model: .glb, .vrm
• video: .mp4,
• audio: .mp3

Example

import { useFields, useFile } from "hyperfy";

export default function App() {
  const { image } = useFields();
  const fileUrl = useFile(image);

  return (
    <app>
      <image src={fileUrl} >
    </app>
  )
}

const initialState = {
  // ...
};

export const getStore = (state = initialState) => {
  return {
    state,
    actions: {},
    fields: [
      {
        type: "file",
        key: "image",
        label: "Image",
        accept: ".png",
        // accept: ".png, .jpg, jpeg, .gif, .glb, .vrm, .mp4, .mp3",
      },
    ],
  };
};