Customize Path for the smoothstep.

[Azim-Ahmed-101digital]

`import {
BaseEdge,
EdgeLabelRenderer,
getSmoothStepPath,
type EdgeProps,
} from 'reactflow';
export default function CustomEdge({
id,
sourceX,
sourceY,
targetX,
targetY,
sourcePosition,
targetPosition,
style = {},
markerEnd,
label
}: EdgeProps) {
const [edgePath, labelX, labelY] = getSmoothStepPath({
sourceX,
sourceY,
sourcePosition,
targetX,
targetY,
targetPosition,
borderRadius: 8,
});

return (
    <>
        <BaseEdge path={edgePath} markerEnd={markerEnd} style={{
            ...style,
        }} />
        {
            label &&
            <EdgeLabelRenderer>
                <div
                    style={{
                        transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
                        position: "absolute",
                        backgroundColor: "#fff",
                        padding: "5px",
                        borderRadius: "5px",
                        fontSize: "12px",
                        fontWeight: "400"
                    }}
                    className="nodrag nopan"
                >
                    {label}
                </div>
            </EdgeLabelRenderer>
        }
    </>
);

}`

above this image, I want my smoothstep edge should behave like the upper edge.
How can I make this edgePath?