From 10489a2723e33a811b16b37df498ebb9adee222b Mon Sep 17 00:00:00 2001
From: Ryan Gossiaux <ryan.gossiaux@gmail.com>
Date: Wed, 16 Feb 2022 14:58:52 -0800
Subject: [PATCH] Correct the SvelteComponent type

---
 src/lib/internal/elements/index.ts     | 2 +-
 src/lib/test-utils/TestRenderer.svelte | 2 +-
 src/lib/utils/Render.svelte            | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/lib/internal/elements/index.ts b/src/lib/internal/elements/index.ts
index 6dab624..d77586b 100644
--- a/src/lib/internal/elements/index.ts
+++ b/src/lib/internal/elements/index.ts
@@ -82,7 +82,7 @@ const components = {
 };
 
 export type SupportedElement = keyof typeof components;
-export type SupportedAs = SupportedElement | SvelteComponent;
+export type SupportedAs = SupportedElement | typeof SvelteComponent;
 
 export function getElementComponent(name: SupportedElement) {
   return components[name];
diff --git a/src/lib/test-utils/TestRenderer.svelte b/src/lib/test-utils/TestRenderer.svelte
index a0f27e1..9af86dc 100644
--- a/src/lib/test-utils/TestRenderer.svelte
+++ b/src/lib/test-utils/TestRenderer.svelte
@@ -10,7 +10,7 @@
   }
   type SingleComponent =
     | string
-    | [SvelteComponent, ComponentProps, TestRendererProps];
+    | [typeof SvelteComponent, ComponentProps, TestRendererProps];
   export type TestRendererProps =
     | undefined
     | SingleComponent
diff --git a/src/lib/utils/Render.svelte b/src/lib/utils/Render.svelte
index c60e3e0..780b5ef 100644
--- a/src/lib/utils/Render.svelte
+++ b/src/lib/utils/Render.svelte
@@ -73,6 +73,7 @@
 <script lang="ts">
   import type { HTMLActionArray } from "$lib/hooks/use-actions";
   import { forwardEventsBuilder } from "$lib/internal/forwardEventsBuilder";
+  import type { SvelteComponent } from "svelte";
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
   type TSlotProps = $$Generic<{}>;
@@ -104,7 +105,9 @@
     throw new Error(`<${name}> did not provide an \`as\` value to <Render>`);
   }
 
-  let element = typeof as === "string" ? getElementComponent(as) : as;
+  // This type is a lie (could also be undefined) but there's a type error if we allow undefined
+  let element: typeof SvelteComponent =
+    typeof as === "string" ? getElementComponent(as) : as;
   if (!element) {
     throw new Error(
       `<${name}> has an invalid or unsupported \`as\` prop: ${as}`