title: How to fix 431 Request Header Fields Too Large in React-Redux app
body: <p>I'm working through a MERN sign up/login auth tutorial on youtube that uses Redux. When attempting to POST a test user to the server in Postman, I receive the 431 header request is too large error response.</p>
  
  <p>I've read in some places that clearing the cache/history in your browser works, so I've tried that to no avail. I've also added in a "Clear-Site-Data": "*" entry to the header request (in addition to "Content-Type": "application/json") which hasn't worked, either.</p>
  
  <p>Client Side Code for Sign Up</p>
  
  <pre><code>  onSubmit = e =&gt; {
      e.preventDefault();
      const { name, email, password } = this.state;
  
      const newUser = {
        name,
        email,
        password
      };
  
      this.props.register(newUser);
    };
  
  //redux actions
  export const register = ({ name, email, password }) =&gt; dispatch =&gt; {
  
    const config = {
      headers: {
        "Content-Type": "application/json",
        "Clear-Site-Data": "*"
      }
    };
  
    // Request body
    const body = JSON.stringify({ name, email, password });
  
    axios
      .post('/api/users', body, config)
      .then(res =&gt;
        dispatch({
          type: REGISTER_SUCCESS,
          payload: res.data
        })
      )
      .catch(err =&gt; {
        dispatch(
          returnErrors(err.response.data, err.response.status, 'REGISTER_FAIL')
        );
        dispatch({
          type: REGISTER_FAIL
        });
      });
  };
  
  </code></pre>
  
  <p>The user sign up should be sending a name, email and password to my connected Mongo db, however, it halts me and redux hits the REGISTER_FAIL type I created returning the 431 error. Any help would be greatly appreciated. Thank you!</p>