title: TalkJS error with User.id: [TalkJS] User: required field "id" is not given or not a string or a number
body: <p>Building a React chat application with TalkJS. Below is my "My Network" page with the majority of the logic. </p>
  
  <p>I have a login form with name, email, description and generating a random id. I'm storing this info in Local Storage and retrieving in Network.js. When I click a user to start chat 
  I am receiving the following error in the console:</p>
  
  <pre><code>index.js:1 Error: [TalkJS] User: required field "id" is not given or not a string or a number.
  </code></pre>
  
  <p>It appears to be happening at this line of code:</p>
  
  <pre><code>    const me = new Talk.User({currentUser});
      const other = new Talk.User(user);
  
      console.log(me);
      console.log(other);
  </code></pre>
  
  <p>I'm reading this as the new variable being created (<code>me</code> or <code>other</code>) is not accepting the id field from <code>currentUser</code> or <code>user</code>? </p>
  
  <p><strong>Network.js</strong></p>
  
  <pre><code>import React from 'react';
  import { dummyUsers } from './Users.js';
  import Talk from 'talkjs';
  
  class Network extends React.Component{
  
  constructor(props){
      super(props);
  
      let currentUser;
      const currentStoredUser = localStorage.getItem("currentStoredUser");
      if (currentStoredUser) {
          currentUser = JSON.parse(currentStoredUser)
      }
  
      this.state = {
          currentUser
  
      }
  }
  
  handleClick(userId) {
  
      /* Get both users */
      const { currentUser } = this.state;
      const user = dummyUsers.find(user =&gt; user.id === userId);
  
      console.log(currentUser);
      console.log(user);
  
      /* Create talk session */
      Talk.ready.then(() =&gt; {
          const me = new Talk.User({currentUser});
          const other = new Talk.User(user);
  
          console.log(me);
          console.log(other);
  
          if(window.talkSession) {
              window.talkSession = new Talk.Session({
                  appId: "twBRxQzL",
                  me: me
              });
          }
  
          const conversationId = Talk.oneOnOneId(me, other);
          const conversation = window.talkSession.getOrCreateConversation(conversationId);
  
          conversation.setParticipant(me);
          conversation.setParticipant(other);
  
          this.chatbox = window.talkSession.createChatBox(conversation);
          this.chatbox.mount(this.container);
  
          console.log(me);
          console.log(other);
      })
      .catch(e =&gt; console.error(e));
  
  
  }
  
  render(){
  
      const { currentUser } = this.state;
  
      return(
          &lt;div&gt;
          &lt;div className="list-group w-25"&gt;
              {dummyUsers.map(user =&gt; {
                  return(
                      &lt;button onClick={(userId) =&gt; this.handleClick(user.id)} className="list-group-item list-group-item-action flex-column align-items-start "&gt;
                          &lt;div className="d-flex w-100 justify-content-between"&gt;
                          &lt;img src={user.photoUrl} alt="User" height="42" width ="42"/&gt;
                              &lt;h5 className="mb-1"&gt;{user.name}&lt;/h5&gt;                                
                          &lt;/div&gt;
                          &lt;p className="mb-1"&gt;{user.email}&lt;/p&gt;
                          &lt;p className="mb-1"&gt;{user.description}&lt;/p&gt;
                      &lt;/button&gt;
                  )
              })}
          &lt;/div&gt; 
          &lt;div className="chatbox-container" ref={c =&gt; this.container = c}&gt;
              &lt;div id="talkjs-container" style={{height: "300px"}}&gt;&lt;i&gt;&lt;/i&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  }
  export default Network;
  </code></pre>