User.jsx

// Libraries
import React, { useEffect, useState } from 'react'
import { API, graphqlOperation } from 'aws-amplify'
import { listUsers } from '../graphql/queries'

const User = ({ children, history }) => {
  const [userData, setUserData] = useState()

  useEffect(() => {
    fetchUser()
  }, [])

  const fetchUser = async () => {
    try {
      const userId = localStorage.getItem('user_id')

      // Fetching all users from our database
      const response = await API.graphql(graphqlOperation(listUsers))

      // Filtering users based on the twitter id and setting is as the data
      setUserData(
        response.data.listUsers.items.filter(
          (user) => user.twitterId === userId
        )
      )

      console.log(userData.data.listUsers.items)
    } catch (err) {
      console.error(err)
    }
  }

  if (!userData) {
    window.location.href = '/'
  } else {
    return <React.Fragment>{children(userData)}</React.Fragment>
  }
}

export default User