text: import React, { useEffect } from 'react'
  import 'react-native-gesture-handler'
  import io from 'socket.io-client'
  import { registerRootComponent } from 'expo'
  import { NavigationContainer } from '@react-navigation/native'
  import { createStackNavigator } from '@react-navigation/stack'
  import Home from './pages/home'
  import Lobby from './pages/lobby'
  import Game from './pages/game'
  import SocketContext from './global/context/index'
  
  const ENDPOINT = 'https://cardsagainstort.herokuapp.com/'
  const socket = io(ENDPOINT)
  
  const Stack = createStackNavigator()
  
  export default function App() {
  	useEffect(() => {
  		socket.connect()
  	}, [])
  
  	return (
  		<SocketContext.Provider value={socket}>
  			<NavigationContainer>
  				<Stack.Navigator initialRouteName="Home" headerMode="none">
  					<Stack.Screen name="Home" component={Home} />
  					<Stack.Screen name="Lobby" component={Lobby} />
  					<Stack.Screen name="Game" component={Game} />
  				</Stack.Navigator>
  			</NavigationContainer>
  		</SocketContext.Provider>
  	)
  }
  
  registerRootComponent(App)
  