diff --git a/addons/docs/src/frameworks/svelte/HOC.svelte b/addons/docs/src/frameworks/svelte/HOC.svelte
index 137494418c8d..0b6c3618701e 100644
--- a/addons/docs/src/frameworks/svelte/HOC.svelte
+++ b/addons/docs/src/frameworks/svelte/HOC.svelte
@@ -1,8 +1,7 @@
-
+
\ No newline at end of file
diff --git a/addons/docs/src/frameworks/svelte/prepareForInline.ts b/addons/docs/src/frameworks/svelte/prepareForInline.ts
index c0a0feb9f409..4d5b66403633 100644
--- a/addons/docs/src/frameworks/svelte/prepareForInline.ts
+++ b/addons/docs/src/frameworks/svelte/prepareForInline.ts
@@ -1,36 +1,20 @@
-import { StoryContext, StoryFn } from '@storybook/addons';
+import { StoryFn } from '@storybook/addons';
import React from 'react';
// @ts-ignore
import HOC from './HOC.svelte';
-export const prepareForInline = (storyFn: StoryFn, context: StoryContext) => {
+export const prepareForInline = (storyFn: StoryFn) => {
const el = React.useRef(null);
React.useEffect(() => {
- let cancelled = false;
- const { applyLoaders, unboundStoryFn } = context;
-
- let cpn: any;
-
- applyLoaders().then((storyContext: StoryContext) => {
- if (!cancelled) {
- cpn = new HOC({
- target: el.current,
- props: {
- storyContext,
- unboundStoryFn,
- },
- });
- }
+ const root = new HOC({
+ target: el.current,
+ props: {
+ storyFn,
+ },
});
-
- return () => {
- cancelled = true;
- if (cpn) {
- cpn.$destroy();
- }
- };
+ return () => root.$destroy();
});
return React.createElement('div', { ref: el });
diff --git a/examples/svelte-kitchen-sink/src/stories/__snapshots__/loaders.stories.storyshot b/examples/svelte-kitchen-sink/src/stories/__snapshots__/loaders.stories.storyshot
deleted file mode 100644
index 185a476aee83..000000000000
--- a/examples/svelte-kitchen-sink/src/stories/__snapshots__/loaders.stories.storyshot
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Async Loaders Async Loaders 1`] = `
-
-
-
-`;
diff --git a/examples/svelte-kitchen-sink/src/stories/loaders.stories.js b/examples/svelte-kitchen-sink/src/stories/loaders.stories.js
deleted file mode 100644
index 0712d795aff1..000000000000
--- a/examples/svelte-kitchen-sink/src/stories/loaders.stories.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import Button from '../components/Button.svelte';
-
-export default {
- title: 'Async Loaders',
- component: Button,
-};
-
-export const AsyncLoaders = (args, { loaded: { text } = {} }) => ({
- Component: Button,
- props: {
- ...args,
- text,
- },
-});
-
-AsyncLoaders.loaders = [async () => ({ text: 'asynchronous value' })];