import LocalCurrency from 'react-local-currency'
 
  ...
 
  <LocalCurrency
    amount={7} // Default price
    base='USD' // Default currency
    IPDATA_API_KEY='?' // Get the api key from http://ipdata.co
    OXR_API_ID='?' // Get the api id from https://openexchangerates.org
    render={({ data, loading, error }) => {
      if (error) return `Error! ${error.message}`
 
      if (loading) return 'Loading ...'
 
      if (!data) return null
 
      return (
        <div>
          <h3>
            My service price: <strong>7 USD.</strong>
          </h3>
          <h3>
            My currency based on my IP: <strong>{`${data.currency}`}</strong>
          </h3>
          <h3>
            My local price is: <strong>{`${data.amount} ${data.currency}`}</strong>
          </h3>
        </div>
      )
    }}
  />