Storageblock

Beta

import { LiveObject } from "@liveblocks/client";
import { useStorage, useMutation } from "./liveblocks.config";

// Pass these to RoomProvider
const initialStorage = {
  scientist: new LiveObject({
    firstName: "Ada",
    lastName: "Lovelace",
  }),
};

export default function Form() {
  const scientist = useStorage(root => root.scientist);
  // => { firstName: "Ada", lastName: "Lovelace" }

  const update = useMutation(({ storage }, field, value) => {
    storage.get('scientist').set(field, value);
  }, []);

  return (
    <>
      <input
        value={scientist.firstName}
        onChange={(e) => { update("firstName", e.target.value) }
      />
      <input
        value={scientist.lastName}
        onChange={(e) => { update("lastName", e.target.value) }
      />
    </>
  );
}