import Preact from 'preact';
import { createAddonDecorator, Render } from '../../index';
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) => {
  const { getRendererFrom } = ContextsPreviewAPI();
  return getRendererFrom(Preact.h)(contextNodes, propsMap, getStoryVNode);
};

export const withContexts = createAddonDecorator(renderPreact);

import Preact from 'preact';
import { createAddonDecorator, Render } from '../../index';
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' (vNode).
 */
export const renderPreact: Render<Preact.VNode> = (contextNodes, propsMap, getStoryVNode) => {
  const { getRendererFrom } = ContextsPreviewAPI();
  return getRendererFrom(Preact.h)(contextNodes, propsMap, getStoryVNode);
};

export const withContexts = createAddonDecorator(renderPreact);

--- 
+++ 
@@ -4,7 +4,7 @@
 
 /**
  * This is the framework specific bindings for Preact.
- * '@storybook/preact' expects the returning object from a decorator to be a 'Preact vNode' (vNode).
+ * '@storybook/preact' expects the returning object from a decorator to be a 'Preact vNode'.
  */
 export const renderPreact: Render<Preact.VNode> = (contextNodes, propsMap, getStoryVNode) => {
   const { getRendererFrom } = ContextsPreviewAPI();
FIX addon-contexts: correct code comment for Preact integration
