How to make a column as clickable in a react bootstrap table and avoid showing it as text field in "Add Row" ?

I want to make a column in my react bootstrap table as a hyperlink or button which redirects to a new page. Also i have a "Add row" functionality on my table, but when i use it the clickable column is being displayed as a text field.

I am referring to this to make the column as clickable:

https://github.com/AllenFang/react-bootstrap-table/blob/master/examples/js/column-format/get-row-index-table.js

@AllenFang kindly help me with the same. Thank you.