grafana/public/app/core/components/modals/AngularModalProxy.tsx

import React from 'react';

import { ModalRoot, ModalsProvider } from '@grafana/ui';

import { connectWithProvider } from '../../utils/connectWithReduxStore';

/**
 * Component that enables rendering React modals from Angular
 */
export const AngularModalProxy = connectWithProvider((props: Record<string, unknown>) => {
  return (
    <>
      <ModalsProvider {...props}>
        <ModalRoot />
      </ModalsProvider>
    </>
  );
});