const UUID = { generate: (template) => { if (typeof template !== "string") { template = "xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx"; } return template.replace(/[xy]/g, (c) => { var r = (Math.random() * 16) | 0; var v = c === "x" ? r : (r & 0x3) | 0x8; return v.toString(16); }); }, }; State.init({ event: props.event || null, }); const addEvent = (target) => { const thingId = UUID.generate(); // index new event Social.set({ thing: { [thingId]: target, }, index: { every: JSON.stringify({ key: "every.near/type/event", value: { type: "every.near/type/event", id: thingId, }, }), }, }); State.update({ event: target }); console.log("Events: ", state.event); }; return ( <> <div> {!state.event ? ( <Widget src="itexpert120.near/widget/EventForm" props={{ addEvent: addEvent }} /> ) : ( <Widget src="itexpert120.near/widget/EventView" props={{ data: state.event.data }} /> )} </div> </> );