{"action":"opened","issue":{"url":"https://api.github.com/repos/faceyspacey/react-universal-component/issues/143","repository_url":"https://api.github.com/repos/faceyspacey/react-universal-component","labels_url":"https://api.github.com/repos/faceyspacey/react-universal-component/issues/143/labels{/name}","comments_url":"https://api.github.com/repos/faceyspacey/react-universal-component/issues/143/comments","events_url":"https://api.github.com/repos/faceyspacey/react-universal-component/issues/143/events","html_url":"https://github.com/faceyspacey/react-universal-component/issues/143","id":350766253,"node_id":"MDU6SXNzdWUzNTA3NjYyNTM=","number":143,"title":"HTML tags not working","user":{"login":"futurfutur","id":20656290,"node_id":"MDQ6VXNlcjIwNjU2Mjkw","avatar_url":"https://avatars1.githubusercontent.com/u/20656290?v=4","gravatar_id":"","url":"https://api.github.com/users/futurfutur","html_url":"https://github.com/futurfutur","followers_url":"https://api.github.com/users/futurfutur/followers","following_url":"https://api.github.com/users/futurfutur/following{/other_user}","gists_url":"https://api.github.com/users/futurfutur/gists{/gist_id}","starred_url":"https://api.github.com/users/futurfutur/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/futurfutur/subscriptions","organizations_url":"https://api.github.com/users/futurfutur/orgs","repos_url":"https://api.github.com/users/futurfutur/repos","events_url":"https://api.github.com/users/futurfutur/events{/privacy}","received_events_url":"https://api.github.com/users/futurfutur/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-15T10:49:28Z","updated_at":"2018-08-15T10:49:28Z","closed_at":null,"author_association":"NONE","body":"```\r\n//child component\r\nimport React from 'react'\r\nexport default () =>\r\n  <div style={{marginLeft: 50}}>\r\n    TEST\r\n  </div>\r\n```\r\n```\r\n// parent component\r\nconst UniversalComponent = universal(props => import(`./${props.page}`))\r\n\r\nexport default class App extends React.Component {\r\n\r\n  render() {\r\n    return (\r\n      <div style={{color: 'pink'}}>\r\n                <UniversalComponent page='Dull' />\r\n      </div>\r\n    )\r\n  }\r\n}\r\n```\r\n\r\nAs a result 'TEST' word is pink but not margined. In browser console I have following error:\r\n\r\n> warning.js:33 Warning: Prop `style` did not match. Server: \"null\" Client: \"margin-left:50px\"\r\n\r\nIn server console:\r\n\r\n> $ cross-env NODE_ENV=development node server/index.js\r\nListening @ http://localhost:3000\r\n‼ ｢wdm｣: Hash: ed8be47e37221066c334cecbc464f73c3f1893a7\r\nVersion: webpack 4.16.5\r\nChild client:\r\n    Hash: ed8be47e37221066c334\r\n    Time: 3203ms\r\n    Built at: 2018-08-15 13:48:14\r\n       Asset       Size  Chunks             Chunk Names\r\n     Dull.js  798 bytes    Dull  [emitted]  Dull\r\n    main.css   44 bytes    main  [emitted]  main\r\n     main.js    795 KiB    main  [emitted]  main\r\n    Entrypoint main = main.css main.js\r\n    [./node_modules/babel-plugin-universal-import sync recursive] ./node_modules/babel-plugin-universal-import sync 160 bytes {main} [optional] [built]\r\n    [./node_modules/babel-plugin-universal-import/universalImport.js] 882 bytes {main} [built]\r\n    [./node_modules/fbjs/lib/shallowEqual.js] 1.58 KiB {main} [built]\r\n    [./node_modules/path-browserify/index.js] 6.04 KiB {main} [built]\r\n    [./node_modules/prop-types/checkPropTypes.js] 3.45 KiB {main} [built]\r\n    [./node_modules/react-dom/cjs/react-dom.development.js] 611 KiB {main} [built]\r\n    [./node_modules/react-dom/index.js] 1.33 KiB {main} [built]\r\n    [./node_modules/react-universal-component/dist/index.js] 13.2 KiB {main} [built]\r\n    [./node_modules/react/cjs/react.development.js] 48.3 KiB {main} [built]\r\n    [./node_modules/react/index.js] 190 bytes {main} [built]\r\n    [./src lazy recursive ^\\.\\/.*$] ./src lazy ^\\.\\/.*$ namespace object 160 bytes {main} [built]\r\n    [./src weak recursive ^\\.\\/.*$] ./src weak ^\\.\\/.*$ 256 bytes {main} [built]\r\n    [./src/App.css] 337 bytes {main} [built]\r\n    [./src/App.js] 3.28 KiB {main} [built]\r\n    [./src/index.js] 672 bytes {main} [built]\r\n        + 26 hidden modules\r\n\r\n    WARNING in ./node_modules/babel-plugin-universal-import/universalImport.js 33:18-37\r\n    Critical dependency: the request of a dependency is an expression\r\n     @ ./src/App.js\r\n     @ ./src/index.js\r\n\r\n    WARNING in ./node_modules/react-universal-component/dist/utils.js 59:11-29\r\n    Critical dependency: the request of a dependency is an expression\r\n     @ ./node_modules/react-universal-component/dist/index.js\r\n     @ ./src/App.js\r\n     @ ./src/index.js\r\n    Child extract-css-chunks-webpack-plugin node_modules/css-loader/index.js!src/App.css:\r\n        Entrypoint extract-css-chunks-webpack-plugin = *\r\n        [./node_modules/css-loader/index.js!./src/App.css] ./node_modules/css-loader!./src/App.css 206 bytes {extract-css-chunks-webpack-plugin} [built]\r\n        [./node_modules/css-loader/lib/css-base.js] 2.21 KiB {extract-css-chunks-webpack-plugin} [built]\r\nChild server:\r\n    Hash: cecbc464f73c3f1893a7\r\n    Time: 3329ms\r\n    Built at: 2018-08-15 13:48:14\r\n      Asset       Size  Chunks             Chunk Names\r\n       0.js   1.12 KiB       0  [emitted]\r\n       1.js    639 KiB       1  [emitted]\r\n    Dull.js  768 bytes    Dull  [emitted]  Dull\r\n    main.js    257 KiB    main  [emitted]  main\r\n    Entrypoint main = main.js\r\n    [./node_modules/babel-plugin-universal-import/universalImport.js] 882 bytes {main} [built]\r\n    [./node_modules/react-dom/server.js] 58 bytes {main} [built]\r\n    [./node_modules/react-universal-component/dist/index.js] 13.2 KiB {main} [built]\r\n    [./node_modules/react-universal-component/dist/report-chunks.js] 2.6 KiB {main} [built]\r\n    [./node_modules/react-universal-component/dist/requireUniversalModule.js] 5.38 KiB {main} [built]\r\n    [./node_modules/react-universal-component/server.js] 298 bytes {main} [built]\r\n    [./node_modules/react/cjs/react.development.js] 48.3 KiB {main} [built]\r\n    [./node_modules/react/index.js] 190 bytes {main} [built]\r\n    [./node_modules/webpack-flush-chunks/dist/flushChunks.js] (webpack)-flush-chunks/dist/flushChunks.js 7.11 KiB {main} [built]\r\n    [./server/render.js] 1.92 KiB {main} [built]\r\n    [./src lazy recursive ^\\.\\/.*$] ./src lazy ^\\.\\/.*$ namespace object 160 bytes {main} [built]\r\n    [./src weak recursive ^\\.\\/.*$] ./src weak ^\\.\\/.*$ 256 bytes {main} [built]\r\n    [./src/App.css] 0 bytes {main} [built]\r\n    [./src/App.js] 3.28 KiB {main} [built]\r\n    [path] external \"path\" 42 bytes {main} [built]\r\n        + 34 hidden modules\r\n\r\n    WARNING in ./node_modules/babel-plugin-universal-import/universalImport.js 33:18-37\r\n    Critical dependency: the request of a dependency is an expression\r\n     @ ./src/App.js\r\n     @ ./server/render.js\r\n\r\n    WARNING in ./node_modules/react-universal-component/dist/utils.js 59:11-29\r\n    Critical dependency: the request of a dependency is an expression\r\n     @ ./node_modules/react-universal-component/dist/index.js\r\n     @ ./src/App.js\r\n     @ ./server/render.js\r\ni ｢wdm｣: Compiled with warnings."}}
{"actor":{"display_login":"futurfutur"}}