Use custom icon for sorting Column

[Tchomasek]

Hello, i am trying to use custom icon that would replace this one:

But when i use approach described in https://primereact.org/customicons/:

<Column style={{ minWidth: '100px' }} sortable field="vin" header="Vin" alignFrozen="left" frozen sortIcon={(options) => 
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...options.iconProps}>
              <g id="chevron-down">
                  <path d="M12,15.25a.74.74,0,0,1-.53-.22l-5-5A.75.75,0,0,1,7.53,9L12,13.44,16.47,9A.75.75,0,0,1,17.53,10l-5,5A.74.74,0,0,1,12,15.25Z"/>
              </g>
          </svg>}
        >
        </Column>

I get this error in console:

Any idea how to fix this please?

[melloware]

1. sortIcon is on the Datatable and not on the Column.
2. Here is an example how to use sortIcon: https://stackblitz.com/edit/react-h8t1sm?file=src%2FApp.js