InsertButton Проблема с перенаправлением на другую страницу

Я хотел бы поместить кнопку «Добавить» в свою таблицу. Я использую "insertRow" в BootstrapTable, в otpions я ставлю "insertBtn: createCustomInsertButton" И в функции createCustomInsertButton я настроил свою кнопку, и я хочу, чтобы при нажатии она перенаправляла на другую страницу.

    render() {
        {
            console.info(this.props.store.environnements.length)
        }
        return (
            <div>
                <BootstrapTable selectRow = {selectRow} data = {this.props.store.environnements} options = {options} deleteRow insertRow
                                pagination striped hover condensed>
                    <TableHeaderColumn isKey = {true} dataField = "id" hidden = {true}>ID</TableHeaderColumn>
                    <TableHeaderColumn dataField='nom' filter = {{type: 'TextFilter'}}>Nom</TableHeaderColumn>
                    <TableHeaderColumn dataFormat = {buttonFormatter}>Action</TableHeaderColumn>
                </BootstrapTable>
            </div>
        );
    }

const options = {
    deleteBtn: createCustomDeleteButton,
    insertBtn: createCustomInsertButton
};

function createCustomInsertButton() {
    return (
        <InsertButton
            btnText='Ajouter'
            btnContextual='btn-success'
            className='btn-list btn-success-maif'
            btnGlyphicon='glyphicon-edit'
            onClick = {test()}
       />
    );
}

function test() {
    return (
        <Redirect to='/environnement/add'></Redirect>
    );
}