Почему не находит элемент по id?

import { useEffect, useMemo } from 'react';
import { createPortal } from 'react-dom';

const CollectionPreviewItem = ( { component } ) => {
  const el = useMemo ( () =>(
    document.createElement ( 'div' )
), [] );
  el.setAttribute( 'id', 'portal' );
  useEffect ( () => {
    document.body.appendChild ( el );
    return () => {
      document.body.removeChild ( el );
    };
  }, [ el ] );

  return (
    createPortal ( component, el )
  );
};

export default CollectionPreviewItem;

const CollectionPreviewItem = ( { key, item } ) => {
  const removeElem = () =>{
    let a =  document.getElementById('portal');
    console.log(a);
  };
  const { t, i18n } = useTranslation ();
  return (
    <CollectionPreviewItemContainer>
      <CollectionPreviewItemHeader>
        <CollectionPreviewItemTitle>Collection Preview Item</CollectionPreviewItemTitle>
        <CloseIconWrapper onClick ={removeElem()} >
          <CloseIcon />
        </CloseIconWrapper>
      </CollectionPreviewItemHeader>

      <CollectionPreviewItemImage  />
    </CollectionPreviewItemContainer>
  );
};

export default CollectionPreviewItem;