Custom SignUp in React

I need to have my users enter their first and last name, and potentially other information, when signing up. After trying to work with Universal login, I decided to implement a custom SignUp component in React and auth0-js as follows:

// SignIn Component

import auth0 from 'auth0-js'

const SignUp = () => {
var webAuth = new auth0.WebAuth({
    domain: authConfig.domain,
    clientID: authConfig.clientId,
    redirectUri: 'http://localhost:3000/register',
    responseType: 'code token',

// For SignUp button
 const handleSubmit = (e) => {


          connection: 'Username-Password-Authentication', 
          password: fields.password,
          user_metadata: {
            role: 'customer',
            firstName: fields.firstName,
            lastName: fields.lastName,
        }, (err, result) => {

My callback is another React component called Register as follows:

const Register = ({ match }) => {
return (

However, when Auth0 calls the callback, and the Register component is loaded, I am unable to see the params. It seems like Auth0 inserts a ‘#’ instead of a ‘?’ as needed to work with react-router-dom.

The callback is:

Is there a way to correct this?