How to change arrow size using react-sigma library?

I am trying to change graph’s edge arrow size in React application using react-sigma library. Arrow size is so small that it is very hard to see it without zooming in. It seems that changing minArrowSize attribute in SigmaContainer settings does not work anymore in v2, it only worked in v1.

I have seen this answer https://stackoverflow.com/a/74287630/23819306 that might be helpful but I am not sure how to implement it in my React application. It seems that library code is being edited but I am only importing that library in my code. How to implement changes to react-sigma library?

This is code of my main component if it helps:

import React, { useState } from 'react';
import { SigmaContainer } from "@react-sigma/core";

import data from '../../newData.json';
import MyGraph from '../MyGraph/MyGraph';

export default function GraphRepresentation() {
  const [hoveredNode, setHoveredNode] = useState(null);
  const [pathData, setPathData] = useState(null);
  const [filters, setFilters] = useState({
    paths: {},
    nodes: {},
    edges: {},
    options: { explicitEdges: false, extraNodes: false, globalMode: true },
    explicitEdges: {},
    overlappingEdges: {}
  });

  return (
    <SigmaContainer
      style={{ height: "100vh", width: "100vw" }}
      settings={{
        defaultEdgeType: "arrow",
        zIndex: true
      }}
    >
      <MyGraph data={data} onGraphReady={(data) => {
        setFilters(data.filters);
        setPathData(data.pathData);
      }} />
      <Controls />
      <Panels filters={filters} setFilters={setFilters} pathData={pathData} />
      <Controllers hoveredNode={hoveredNode} setHoveredNode={setHoveredNode} filters={filters} />
    </SigmaContainer>
  );
};