fix-hmr

In some cases, such as styled-components, code renewal by HMR is not performed properly.

This function fixes some cases in which HMR is not working.

Usage

import styled from 'styled-components'

function ComponentBase({className}) {
  return <div className={className} />
}

export const Component = styled(ComponentBase)`
  font-size: 1em;
`

If HMR doesn't work,

import { fixHMR } from 'fix-hmr'
import styled from 'styled-components'

function ComponentBase({className}) {
  return <div className={className}/>
}

const StyledComponent = styled(ComponentBase)`
  font-size: 1em;
`

export const Component = fixHMR(StyledComponent)