components have no name in react devtools" when using "view(()=><comp />)"

[fxioi]

Thanks for an excellent library!

os: macOS 10.14.6
browser: Chrome 76.0.3809.132
react-easy-state@6.1.3
react@16.9.0

components have no name in react devtools" when using "view(()=><comp />)"

// has name
const RuleItem = ({ config }) => {
  return (
    <xxx config={config} />
  )
}

// no name
const RuleItem = view(({ config }) => {
  return (
    <xxx config={config} />
  )
})

[miraage]

Could be fixed by adding a displayName property to HOCs from the view function

[rainmanhhh]

write like this
const RuleItem = view(function RuleItem({ config }) { return ( <xxx config={config} /> ) }

[ricardobeat]

.displayName is being set already, the issue only happens to functional components. I think the name is being lost due to the use of React.memo here: https://github.com/solkimicreb/react-easy-state/blob/master/src/view.js#L15

@rainmanhhh that doesn't do anything.

[solkimicreb]

This is fixed in the new version (@risingstack/react-easy-state v6.2.0). Check the related docs under the "Usage with React Developer Tools" dropdown in this docs section.