Non-rendered field changes are not reflected on render

I have a field in a form that I want to render based on another field's value.

I listen to "OnChange" event of that field, and then trigger form.change for the new field (which is not rendered yet and I guess non-registered), but it won't get the value while rendered although it exists in "values" object.

I created a sandbox for the issue: https://codesandbox.io/embed/priceless-keldysh-gfd3b

The expected result: when selecting "Heat", scaling factor should be displayed and get the value '1' (If I click on scaling factor's textbox, the value appears).