RHL / HMR does not reload

[pungggi]

Hello, I am having trouble with the HMR. Changes to styles are not updated.
The cause is probably the same as gatsbyjs/gatsby#11032.

Could this be the default behaviour of the plugin?

[silvenon]

Thanks for reporting! Are you proposing that we turn HMR off for all .css files as part of this plugin? If that will solve the problem, I'm all for it.

[pungggi]

sorry the problem for me has to do with this gatsby/issues/11934... your plugin is working fine!

[pungggi]

Hello first of all, great project!
I need to reopen after having more accurate findings:
I am not sure where to start explaining my issue maybe its here may be its react hot loader..
maybe its linaria.

I am using gatsby with react easy state.
gatsby 2.0.69 introduced a new version of react-hot -loader 4.6

As of this version Props passed to a styled` component are not hot updated if they are wrapped with view from react easy state..

For example:

Box.js

import { styled } from "linaria/react"

const Box = styled.div`
  color: ${(props) => (props.color ? props.color : "red")};

export default Box

then i consume

index.js

import { view } from 'react-easy-state'

export default view(() => {
  const classColor = css`
    color: green;
  `
  return (
     <Box padding={[30, 2, 10, 20]}>
       <div className={classColor}>
         <h1>About</h1>
       </div>
     </Box>
  )
})

If I change the classColor it updates.
But changing the value of the padding prop does not trigger a reload. This was working with gatsby 2.0.68 that uses react hot loader 4.5.

[silvenon]

Thanks for providing more details, I'll leave this open even though I'm not sure if this is specific to my Linaria integration or something else. I have to be honest though that I don't know how to debug hot reloading, I was always using tools that already had it built-in.

[pungggi]

hi thank you me either.. i stripped out linaria completely.. problem persits so I am closing here.