Embed collaborative experiences into your React app

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);      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) }        />      </>    );  }