diff --git a/addons/docs/src/frameworks/svelte/HOC.svelte b/addons/docs/src/frameworks/svelte/HOC.svelte
index 12cf1cf5e20a..e7138bea4299 100644
--- a/addons/docs/src/frameworks/svelte/HOC.svelte
+++ b/addons/docs/src/frameworks/svelte/HOC.svelte
@@ -1,19 +1,7 @@
 <script>
-  import { onMount } from 'svelte';
-
   export let component;
   export let props;
-  let child;
-
-  const hash = `svelte mounter ${Math.floor(Math.random() * 100)}`;
-
-  onMount(() => {
-    child = new component({
-      target: document.getElementById(hash),
-      props,
-    });
-  });
 </script>
 
 <svelte:options accessors={true} />
-<div id={hash} />
+<svelte:component this={component} {...props}/>
\ No newline at end of file