Typescript error for <Handle> prop about react-flow HOT 5 CLOSED

Hey,

we didn't exported all types. You should now be able to import the Position enum:

import { Handle, Position } from 'react-flow-renderer';

const HandleWithPosTop = (
  <Handle 
    position={Position.Top}
  />
);

This should work with v.1.3.7

from react-flow.

I ran into the same issue. I believe the fix should work. Thanks.

from react-flow.

Hi @moklick

I updated to 1.3.7 and I'm getting a couple more errors using your fix:

Module '"../../../node_modules/react-flow-renderer/dist"' has no exported member 'Position'. Did you mean to use 'import Position from "../../../node_modules/react-flow-renderer/dist"' instead?ts(2614)

TS2322: Type '{ type: "target"; position: Position.Top; className: string; }' is not assignable to type 'IntrinsicAttributes & HandleProps'. Property 'className' does not exist on type 'IntrinsicAttributes & HandleProps'.

from react-flow.

hey @jeremypeters,

I set up a codesandbox with example ts code:

https://codesandbox.io/s/react-flow-customnode-ts-lu18j?file=/src/Flow.tsx

className is not a prop type of the Handle component and Position gets exported since the last version. Does the code example help you to solve this or is there still an issue with the library?

from react-flow.

Hey

from react-flow.