message: refactor(example): dont use inline functions for handle props
diff: @@ -11,50 +11,40 @@ const initialElements = [
  { id: 'C', type: 'customnode', position: { x: 250, y: 300 } },
  ];
  +const isValidConnection = (connection) => connection.target === 'B';
  +
  const CustomInput = () => (
  <>
  <div>Only connectable with B</div>
  - <Handle
  - type="source"
  - position="right"
  - isValidConnection={connection => connection.target === 'B'}
  - />
  + <Handle type="source" position="right" isValidConnection={isValidConnection} />
  </>
  );
  const CustomNode = ({ id }) => (
  <>
  - <Handle
  - type="target"
  - position="left"
  - isValidConnection={_ => id === 'B'}
  - />
  + <Handle type="target" position="left" isValidConnection={isValidConnection} />
  <div>{id}</div>
  - <Handle
  - type="source"
  - position="right"
  - isValidConnection={_ => id === 'B'}
  - />
  + <Handle type="source" position="right" isValidConnection={isValidConnection} />
  </>
  );
  const HorizontalFlow = () => {
  const [elements, setElements] = useState(initialElements);
  - const onConnect = (params) => setElements(els => addEdge(params, els));
  + const onConnect = (params) => setElements((els) => addEdge(params, els));
  return (
  <ReactFlow
  elements={elements}
  onConnect={onConnect}
  selectNodesOnDrag={false}
  - onLoad={reactFlowInstance => reactFlowInstance.fitView()}
  + onLoad={(reactFlowInstance) => reactFlowInstance.fitView()}
  className="validationflow"
  nodeTypes={{
  custominput: CustomInput,
  - customnode: CustomNode
  + customnode: CustomNode,
  }}
  />
  );
  -}
  +};
  export default HorizontalFlow;
  