diff --git a/addons/contexts/src/preview/frameworks/preact.ts b/addons/contexts/src/preview/frameworks/preact.ts
index 659fd6940693..ece1de938e6b 100644
--- a/addons/contexts/src/preview/frameworks/preact.ts
+++ b/addons/contexts/src/preview/frameworks/preact.ts
@@ -1,4 +1,4 @@
-import Preact from 'preact';
+import { h, VNode } from 'preact';
 import { createAddonDecorator, Render } from '../../index';
 import { ContextsPreviewAPI } from '../ContextsPreviewAPI';
 
@@ -6,9 +6,9 @@ import { ContextsPreviewAPI } from '../ContextsPreviewAPI';
  * This is the framework specific bindings for Preact.
  * '@storybook/preact' expects the returning object from a decorator to be a 'Preact vNode'.
  */
-export const renderPreact: Render<Preact.VNode> = (contextNodes, propsMap, getStoryVNode) => {
+export const renderPreact: Render<VNode> = (contextNodes, propsMap, getStoryVNode) => {
   const { getRendererFrom } = ContextsPreviewAPI();
-  return getRendererFrom(Preact.h)(contextNodes, propsMap, getStoryVNode);
+  return getRendererFrom(h)(contextNodes, propsMap, getStoryVNode);
 };
 
 export const withContexts = createAddonDecorator(renderPreact);