text: export default function renderScreen(screen, game, requestAnimationFrame, userId){
  
      const context = screen.getContext('2d')
      context.clearRect(0,0,700,400)
  
      const left = game.state.bars['left']
      context.fillStyle = 'white'
      context.fillRect(left.x,left.y,left.w,left.h)
  
      const right = game.state.bars['right']
      context.fillStyle = 'white'
      context.fillRect(right.x,right.y,right.w,right.h)
              
      const ball = game.state.balls['ball']
      context.fillStyle = 'white'
      context.fillRect(ball.x,ball.y,ball.w,ball.h)
  
      context.font = '50px Arial'
      context.fillText(left.score, 50, 50)
      context.fillText(right.score, 620, 50)
  
      if(userId === game.state.bars['left'].id){
          const userBar = game.state.bars['left']
          context.fillStyle = 'yellow'
          context.fillRect(userBar.x,userBar.y,userBar.w,userBar.h)
      }else if(userId === game.state.bars['right'].id){
          const userBar = game.state.bars['right']
          context.fillStyle = 'yellow'
          context.fillRect(userBar.x,userBar.y,userBar.w,userBar.h)
      }
  
          requestAnimationFrame(() => {
          renderScreen(screen, game, requestAnimationFrame, userId)
      })
  }