react-konva のコンポーネントに Context を渡せない

[okathira]

scoobie-doobie-effector/src/ClippingBoxes.tsx

Line 6 in 057ba42

boxesProps: BoxProps[]; // TODO: コンテキストにするとレンダリングされないのを治す

scoobie-doobie-effector/src/OutputArea.tsx

Lines 6 to 25 in 057ba42

	const OutputArea: React.FC<{
	layoutSize: RectSize;
	baseCanvas: CanvasImageSource;
	}> = ({ layoutSize, baseCanvas }) => {
	// TODO: 子に渡しているだけのため消したい
	const boxesProps = useBoxesProps();
	return (
	<Stage
	className="output-area"
	width={layoutSize.width}
	height={layoutSize.height}
	>
	<Layer>
	<Image image={baseCanvas} />
	<ClippingBoxes currentFrame={baseCanvas} boxesProps={boxesProps} />
	</Layer>
	</Stage>
	);
	};

Context が常に初期値になってた

Context は <canvas> を通らない
facebook/react#13336
facebook/react#13332 (comment)
Context は <Layer> 以下のような dom に属さないコンポーネントまでたどり着かない

ブリッジさせるしかないらしい
konvajs/react-konva#188 (comment)
facebook/react#17275 (comment)

[okathira]

github のほうのドキュメントに普通に書いてあった
https://github.com/konvajs/react-konva#usage-with-react-context