DefinitelyTyped/types/react-aria-modal/react-aria-modal-tests.tsx

import AriaModal from 'react-aria-modal';
import * as React from 'react';
import { render } from 'react-dom';

declare const appContainer: HTMLElement;

const onExit = () => {};

render(
    <AriaModal onExit={onExit} titleId="describedby" underlayClickExits>
        <p id="describedby">Hello world</p>
    </AriaModal>,
    appContainer
);

const DisplacedModal = AriaModal.renderTo('#some-id');

render(
    <DisplacedModal onExit={onExit} titleId="describedby" underlayClickExits>
        <p id="describedby">Hello world</p>
    </DisplacedModal>,
    appContainer
);

render(
     <AriaModal
        onExit={() => {}}
        alert={true}
        focusDialog={true}
        titleText='A top modal'
        underlayClickExits={false}
        verticallyCenter={true}
        underlayColor={false}
      >
          <div>Hello</div>
      </AriaModal>,
      appContainer
);