The if/else block doesn't work. Only using the switch allows a new user to be created. Typos in the code, beware.

  const [username, setUser] = useState('');

  const change = (event) => {
    const value = event.target.value;
    if (event.target.name === "name") {
      setName(value);
    } else if (event.target.name === "username") {
      setUser(value);
    } else if (event.target.name === "password") {
      setPass(value);
    } else {
      return;
    }
  }

import React, { useState, useContext} from 'react';
import { Link, useHistory} from 'react-router-dom';
import Form from './Form';
import Context from '../Context'



export default function UserSignUp() {
  const context = useContext(Context.Context)
  let history = useHistory();

  const [name, setName] = useState('');
  const [username, setUser] = useState('');
  const [password, setPass] = useState('');
  const [errors,setErrors] = useState([]);
  const change = (event) => {
    const value = event.target.value;
    if (event.target.name === "name") {
      setName(value);
    } else if (event.target.name === "username") {
      setUser(value);
    } else if (event.target.name === "password") {
      setPass(value);
    } else {
      return;
    }
  }

  const submit = () => {
    // Create user
    const user = {
      name,
      username,
      password,
    };

    context.data.createUser(user)
      .then( errors => {
        if (errors.length) {
          setErrors(errors)
        } else {
          context.actions.signIn(username, password)
            .then(() => {
              history.push('/authenticated');    
            });
        }
      })
      .catch((err) => {
        console.log(err);
       // context.history.push('/error');
      });

  }

  const cancel = () => {
   context.history.push('/');
  }
    return (
      <div className="bounds">
        <div className="grid-33 centered signin">
          <h1>Sign Up</h1>
          <Form 
            cancel={cancel}
            errors={errors}
            submit={submit}
            submitButtonText="Sign Up"
            elements={() => (
              <React.Fragment>
                <input 
                  id="name" 
                  name="name" 
                  type="text"
                  onChange={change} 
                  placeholder="Name" />
                <input 
                  id="username" 
                  name="username" 
                  type="text"
                  onChange={change} 
                  placeholder="User Name" />
                <input 
                  id="password" 
                  name="password"
                  type="password"
                  onChange={change} 
                  placeholder="Password" />
              </React.Fragment>
            )} />
          <p>
            Already have a user account? <Link to="/signin">Click here</Link> to sign in!
          </p>
        </div>
      </div>
    );
}