Freezing of props passed to connected children

preact: ^10.0.0-beta.1 storeon: ^0.8.3

Hi!

If I pass some props from the parent component to the connected (by the connect() function) child component, the props will be frozen there. Is it correct behavior?

You can see the example (https://codesandbox.io/s/exciting-nash-x8ur0?fontsize=14): checkbox updates a prop value in the Child component and doesn’t do it in the ChildConnected component.

And thank you for the lib! 🙂

[ahtohbi4]

Sure.

1. The first render (you open the page). The prop value, passed from parent component App, is on. To connect() function it comes with originProps and then mixed with props are coming from useSoreon() (line 10):

   

2. Updating the prop value in the parent component App caused rerender child components, and to the function connect() now value is coming as off (originProps = { value: 'off' }). But the props came from useSoreon() contains the previous value value = 'on' and mixing with originProps (line 12) rewrite old value on:

   

So the children component wrapped with the function connect() will never update props, passed from parent.

[ahtohbi4]

Now it perfectly works (https://codesandbox.io/s/exciting-nash-x8ur0?fontsize=14).

@hadeeb and @ai thank you for your work!