Addon-contexts: Fix 'cannot read property h of undefined' in preact

[squidfunk]

When trying to setup addon-contexts with Preact, I encountered the following error:

Cannot read property 'h' of undefined
TypeError: Cannot read property 'h' of undefined
    at renderPreact (http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:202:45)
    at wrapper (http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:36:12)
    at http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:2318:14
    at http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:2342:46
    at http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:1849:21
    at http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:3151:14
    at http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:3152:16
    at wrapper (http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:1432:12)
    at http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:2318:14
    at http://localhost:50903/vendors~main.61fc4c3beec8040aebff.bundle.js:2332:26

This is due to the fact that preact is imported with a synthetic default import. This forces the user to enable allowJs and allowSyntheticDefaultImports in tsconfig.json which conflicts with declaration.

What I did

Changed the import to a proper destructuring import (same as for React):

storybook/addons/contexts/src/preview/frameworks/react.ts

Line 1 in 47868b0

import { createElement, ReactElement } from 'react';

[vercel]

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

[marvinhagemeister]

Awesome, this should do the job 👍 💯 I can confirm that we dropped the default export starting with version 10 and only supported named exports. This PR addresses that 🥇

On top of that this change is backwards compatible with the 8.x release line.

Disclaimer: I'm part of the Preact team.

[shilman]

LGTM