c67908c9a5
Currently failing because `withStyles` can't read the interface from context: ``` Unhandled Runtime Error TypeError: Cannot read property 'createLTR' of undefined webpack-internal:///./node_modules/react-with-styles/lib/withStyles.js (150:33) ``` Manually registering the interface resolves the issue: ```diff diff --git a/examples/with-react-with-styles/pages/_app.js b/examples/with-react-with-styles/pages/_app.js index 91d09a2a9..a393572b8 100644 --- a/examples/with-react-with-styles/pages/_app.js +++ b/examples/with-react-with-styles/pages/_app.js @@ -2,11 +2,16 @@ import App from 'next/app' import React from 'react' import WithStylesContext from 'react-with-styles/lib/WithStylesContext' import AphroditeInterface from 'react-with-styles-interface-aphrodite' +import ThemedStyleSheet from 'react-with-styles/lib/ThemedStyleSheet' import defaultTheme from '../defaultTheme' class MyApp extends App { + constructor(props) { + super(props); + ThemedStyleSheet.registerInterface(AphroditeInterface) + } render() { const { Component, pageProps } = this.props ``` But that's not how it is documented. I'm following up with react-with-styles to see if this is a bug.
19 lines
426 B
JSON
19 lines
426 B
JSON
{
|
|
"name": "with-react-with-styles",
|
|
"version": "1.0.0",
|
|
"scripts": {
|
|
"dev": "next",
|
|
"build": "next build",
|
|
"start": "next start"
|
|
},
|
|
"dependencies": {
|
|
"aphrodite": "^1.2.5",
|
|
"next": "latest",
|
|
"react": "^16.7.0",
|
|
"react-dom": "^16.7.0",
|
|
"react-with-direction": "^1.3.1",
|
|
"react-with-styles": "^4.1.0",
|
|
"react-with-styles-interface-aphrodite": "^6.0.1"
|
|
},
|
|
"license": "MIT"
|
|
}
|