how to set default edge type when using typescript

I am trying to set the default edge type to step. The documentation shows that the react flow component takes an edge type prop with the default one being :

{
  default: BezierEdge,
  straight: StraightEdge,
  step: StepEdge,
  smoothstep: SmoothStepEdge
}

So I would like to make mine be something like:

{
  default: StepEdge,
  straight: StraightEdge,
  smoothstep: SmoothStepEdge
}

However I cant seem to find out how to import the edge types in order to make the above object. Any hints on how to accomplish this?

[Vasanthkumar26]

Resolved

const onConnect = useCallback((params)=> setEdges(addEdge({...params, type:"smoothstep"}, edges)) );

Thanks for your support

[stonepreston]

Should work with v9.6.5

That did it! Thanks! Is there a way to change the path that gets displayed when you are connecting nodes? ie right now when I click on a handle and drag the bezier path is drawn, is that configurable somehow?

Edit: found it!

<ReactFlow 
      connectionLineType={ConnectionLineType.Step}
>