Redirect using React

import React from 'react'; import StripeCheckout from 'react-stripe-checkout'; import { connect } from 'react-redux'; import * as actions from '../actions'; import Logo from '../images/celtic-logo.png';

import axios from 'axios'; import { Redirect } from 'react-router-dom';

import PAYMENT_SERVER_URL from '../constants/server';

const CURRENCY = 'EUR';

const successPayment = data => {

alert('Payment Successful');
console.log(data);
if(data === data){
   console.log('Working');
   return <Redirect TO ='/confirmation'/>
}

};

const errorPayment = data => { alert('Payment Error');

} ;

const onToken = () => token => axios.post(PAYMENT_SERVER_URL,{ description: 'Boyle Celtic Registration', amount: 6000, source: token.id, currency: CURRENCY

})
.then(successPayment)
.catch(errorPayment);

const Payments = ({description}) => <StripeCheckout name="Boyle Celtic Registration 20/21" amount={6000} currency= 'EUR' token={onToken(description)} image={Logo} stripeKey={process.env.REACT_APP_STRIPE_KEY}

>
<button className="green btn-flat right white-text" >
    Pay Now
</button>

</StripeCheckout>

export default connect(null,actions)(Payments);

I am trying to Redirect the user when the successful payment goes through but nothing happens on screen. My alert message appears and in the console I get the message Working and the data object as well.

In my App.js file I have the Route set up for the confirmation page and it can be accessed when I type it into the browser, just having trouble trying to redirect .

Any suggestions