diff --git a/example/src/Declarative.jsx b/example/src/Declarative.jsx
index f856ef3..3878fe2 100644
--- a/example/src/Declarative.jsx
+++ b/example/src/Declarative.jsx
@@ -1,10 +1,16 @@
 import { Modal, Button } from 'antd';
-import NiceModal, { useModal, ModalDef } from '@ebay/nice-modal-react';
+import NiceModal, { useModal } from '@ebay/nice-modal-react';
 
 export const MyAntdModal = NiceModal.create(({ name }) => {
   const modal = useModal();
   return (
-    <Modal title="Hello Antd" visible={modal.visible} onOk={modal.hide} onCancel={modal.hide} afterClose={modal.remove}>
+    <Modal
+      title="Hello Antd"
+      visible={modal.visible}
+      onOk={modal.hide}
+      onCancel={modal.hide}
+      afterClose={modal.remove}
+    >
       Greetings: {name}!
     </Modal>
   );
@@ -16,7 +22,7 @@ export default function AntdSample() {
       <Button type="primary" onClick={() => NiceModal.show('my-antd-modal', { name: 'Nate' })}>
         Show Modal
       </Button>
-      <ModalDef id="my-antd-modal" component={MyAntdModal} />
+      <MyAntdModal id="my-antd-modal" />
     </>
   );
 }