vertically , horizontally align center in React

<div style={{
       position: 'absolute',
       left: '50%',
       top: '50%',
       transform: 'translate(-50%, -50%)' }}>
      [Component]
</div>

추가하면 됨

material ui에서 애먹어서 잊지 않기 위해 적어 놓음