State.init({ value: props.value || 0, n: 0, id: null }); State.update({ id: props.id }); return ( <div> Hello {state.id} <button className="btn btn-info btn-sm" type="button" onClick={() => { console.log("clicked!"); const newValue = state.value + 1; State.update({ value: newValue }); props.update(newValue); }} > increment {state.value} </button> <Widget id={`${props.id}-child`} src="andyh.near/widget/ComponentIdTestChild" props={{ value: 0, id: `${props.id}-child` }} /> </div> );