text: import React, { Suspense, useState, useEffect, Fragment } from 'react';
  import '@redhat-cloud-services/frontend-components-inventory-vulnerabilities/dist/esm/index.css';
  import { getRegistry } from '@redhat-cloud-services/frontend-components-utilities/files/esm/Registry';
  import { useParams } from 'react-router-dom';
  
  const VulnerabilityTab = () => {
      const [Component, setComponent] = useState(Fragment);
      useEffect(() => {
          setComponent(() => React.lazy((async () => {
              const Vulnerabilities = await import('@redhat-cloud-services/frontend-components-inventory-vulnerabilities/dist/esm');
              const { SystemCvesStore } = Vulnerabilities;
              getRegistry().register({ SystemCvesStore });
              return Vulnerabilities;
          })));
      }, []);
  
      return <Suspense>
          <Component customItnlProvider entity={ { id: useParams().inventoryId } }/>
      </Suspense>;
  };
  
  export default VulnerabilityTab;
  