usage of recoil + konva

access-global-state-under-konva-canvas-recoil.tsx

import React from "react";
import { useRecoilBridgeAcrossReactRoots_UNSTABLE, useRecoilState } from "recoil";


function accessGlobalStateUnderKonvaCanvas(){

	// https://github.com/konvajs/react-konva/issues/533
	const RecoilBridge = useRecoilBridgeAcrossReactRoots_UNSTABLE()

	return (
		<Stage>
			<RecoilBridge>
				<Rect onclick={e=>{updateSomeGlobalState(e.target.id)}}/>
			</RecoilBridge>
		</Stage>
	)
}