我正在设置一个 react-cookie npm 包，但尝试加载 cookie 以调用用户，但得到的不是函数。我该如何正确设置？

这是我现在尝试过的。当有人输入用户 id 名字和姓氏时，它将转到http://192.168.1.163:3000/users/页面。

import React, { Component } from 'react';
import '../sass/main.scss';
import Navbar from 'react-bootstrap/Navbar';
import Nav from 'react-bootstrap/Nav';
import ModalLogin from '../components/Modal/Login';
import ModalSignup from '../components/Modal/Signup';
import { Cookies } from 'react-cookie';
import axios from 'axios';

class App extends Component {
    constructor() {
      super();
      // call user and that 
      var user = Cookies.load('user');
      var that= this;
      this.state = {name: null, signedIn: false}

      //  When someone put in user id first-name and last-name it will go to http://192.168.1.163:3000/users/ page
      if (user){
        axios.get('http://192.168.1.163:3000/users/' + user.id)
          .then(function (response) {
            console.log(response);
            that.setState({name: response.data.data.attributes['first-name'] + ' ' + response.data.data.attributes['last-name'], signedIn: true});
            //this.setState({ showModal: false });
          })
          .catch(function (error) {
            console.log(error);
          });
        }
      this.render.bind(this);
    }

    render() {
        return (
          <Navbar expand="lg">
              <Navbar.Brand href="#home">Kommonplaces</Navbar.Brand>
              <Navbar.Toggle aria-controls="basic-navbar-nav" />
              <Navbar.Collapse id="basic-navbar-nav">
                <Nav className="ml-auto">
                  <Nav.Link href="#activities">Activities</Nav.Link>
                  <Nav.Link href="#space">List Your Space</Nav.Link>
                  <Nav.Link className={this.state.signedIn === true ? 'hidden' : ''}>Sign up</Nav.Link>
                  <Nav.Link className={this.state.signedIn === true ? 'hidden' : ''}>Log in</Nav.Link>
                </Nav>
              </Navbar.Collapse>
          </Navbar>
        );
    }
}

export default App;```