fix: correctly type awaitComponent and mdAwait

src/awaitComponent.test.tsx

@@ -9,6 +9,11 @@ describe("awaitComponent", () => {
     expect(await render(<AsyncText />)).toEqual("Test");
   });
 
+  it("renders an async component resolving to null", async () => {
+    const AsyncText: Component = awaitComponent(async () => null);
+    expect(await render(<AsyncText />)).toEqual("");
+  });
+
   it("passes through all props", async () => {
     interface Props {
       children: string;

src/awaitComponent.tsx

@@ -1,5 +1,5 @@
 /* @jsx MD */
-import MD, { Component, MdFunctionElement } from ".";
+import MD, { Component, MarkdownElement } from ".";
 
 /**
  * Wraps a function that returns a promise to be a valid component
@@ -14,7 +14,7 @@ import MD, { Component, MdFunctionElement } from ".";
  *   ```
  */
 export function awaitComponent<Props>(
-  componentFn: (props: Props) => Promise<MdFunctionElement<Props>>
+  componentFn: (props: Props) => Promise<MarkdownElement<Props> | null>
 ): Component<Props> {
   /* eslint-disable-next-line react/display-name */
   return (props: Props) => <mdAwait>{componentFn(props)}</mdAwait>;

src/model.ts

@@ -68,7 +68,8 @@ declare global {
         children?: MarkdownChildren;
       };
       mdAwait: {
-        children?: Promise<MdFunctionElement>;
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+        children?: Promise<MarkdownElement<any> | null>;
       };
     }
   }