title: createContext, useContext returns undefined
body: <p>The code when I console.log(user) it returns undefined when it should return this...
  [{
  id: 1,
  name: 'username'
  }]
  .</p>
  <p>I don't know what is causing it to do so, if you have any idea please tell me anything I can do, maybe there are updates to the useContext thing, if so, please inform me. Thanks in advance!!</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {createContext, useState} from 'react'
  
  const UsersContext = createContext()
  
  export const UsersProvider = ({children}) =&gt; {
      const {user, setUser} = useState([{
          id: 1,
          name: 'username'
        }])
  
      return &lt;UsersContext.Provider
      value={
          {user}
      }&gt;{children}&lt;/UsersContext.Provider&gt;
  }
  
  export default UsersContext
  
  
  
  // The next File...
  
  import UserItem from "./UserItem"
  import {useContext} from 'react'
  import UsersContext from "../context/UserContext"
  
  function userList({handleDelete}) {
    const {user} = useContext(UserContext)
  
    return (
      &lt;div&gt;
          {console.log(user)}
      &lt;/div&gt;
    )
  }
  
  
  export default UserList</code></pre>
  </div>
  </div>
  </p>
  <p>End of code...</p>