Closed
Description
Hello first of all, great project!
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
Then I use a css in js solution called linaria.
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 Boxthen 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.
Metadata
Metadata
Assignees
Labels
No labels