mongoose это серверная библиотека для работы с монго, она не предназначена для браузера
https://mongoosejs.com/docs/browser.html

es2015 предлагает для таких случаев деструктуризацию

$.getJSON(
    'http://ip-api.com/json?callback=?', 
    function({city, ip, county, ...others}) {
        /*...*/
    }
);

flux это просто концепция, redux это конкретная реализация flux
так что параллельно =D

Можно заметить что onChange не возвращает текущий введенный символ в событие.

в событии есть последний введенный символ, его нет в стейте сразу после вызова setState

handleChange(event) {
    this.setState({value: event.target.value});
    console.log(this.state.value);
  }

метод setState асинхронный, и принимает вторым параметром колбэк
если делать вот так, то все будет норм

handleChange(event) {
    this.setState({value: event.target.value}, () => console.log(this.state.value));
  }

не вижу никаких проблем с валидацией