Preact X, Preact render to string & Styled Components

Hey,

I’m trying to get styled-components@4.x to work with preact@10.0.0-alpha.2 and preact-render-to-string. But I’m always getting an error saying that react could not be found. Not sure if this is a bug or my configuration is wrong.

Steps:

1. Check sandbox on https://codesandbox.io/s/ojv1j96739

Expected Result:

• Renders h1 tag
• Writes stylesheets into console

Actual Result:

Could not find dependency: ‘react’ relative to ‘/node_modules/styled-components/dist/styled-components.browser.cjs.js’

Styled Components Doc on SSR: https://www.styled-components.com/docs/advanced#server-side-rendering

[JoviDeCroock]

Have you got an entry in your webpack like this:

resolve: {
  alias: {
     react: 'preact/compat', // first try it with compat you can try preact after if it works
  }
}

[marvinhagemeister]

Just released preact-render-to-string@5.0.3 which includes support for the createContext-API 🎉

https://github.com/developit/preact-render-to-string/releases/tag/5.0.3