ReactKonva does not support the type "Transformer"

when i use Transformer like this:

<Transformer>
    <Image
        image={this.state.image}
        draggable
        onClick={() => {
            this.imageNode.moveToTop();
            this.imageNode.getLayer().batchDraw();
        }}
        y={250}
        ref={node => {
            this.imageNode = node;
        }}
    />
</Transformer>;

i got an error：ReactKonva does not support the type “Transformer” What is the correct usage of the Transformer？

[Chubzorz]

I know this issue is already closed but I found that using a custom hook to create a transformer worked quite nicely.

const useTransformer = (nodeRef: RefObject<Konva.Node>) => {
  const transformerRef = useRef<Konva.Transformer>(null)

  useEffect(() => {
    if (!transformerRef.current || !nodeRef.current) return

    transformerRef.current.setNode(nodeRef.current)
    transformerRef.current.getLayer()!.batchDraw()
  }, [nodeRef, transformerRef])

  const transformer: React.FC<Konva.TransformerConfig> = ({children, ...rest}) => (
    <KonvaTransformer {...rest} ref={transformerRef}>
      {children}
    </KonvaTransformer>
  )

  return transformer
}

[lavrton]

What version of react-konva are you using? Try to use the last one.

Currently, there is no good “react-way” usage of Transformer. But there is a way: https://codesandbox.io/s/vv6m43q9y7