Modal.tsx

import React, { ReactChild } from 'react'
import { createPortal } from 'react-dom'
import './modal.scss'
interface ModalProps {
  children: ReactChild
}

const Modal: React.FC<ModalProps> = ({ children }: ModalProps) => {
  return createPortal(
    <div className="modal-bg">
      <div className="modal-container">
        <div className="modal-content">{children}</div>
      </div>
    </div>,
    document.body
  )
}

export default Modal