1import {createPortal} from 'react-dom';
 2import Box from '@material-ui/core/Box';
 3
 4const Dots = ({children}) =>
 5  createPortal(
 6    <Box className="slick-dots" component="ul" display="flex">
 7      <Box display="flex" margin="0 auto">
 8        {children}
 9      </Box>
10    </Box>,
11    document.getElementById('slider-dots')
12  );
13
14export default Dots;