search

gcanti / tcomb-form

Forms library for react
https://gcanti.github.io/tcomb-form
MIT License
1.16k stars 136 forks source link

tcomb-form with react 0.15. #317

Closed ljack closed 8 years ago

ljack commented 8 years ago

I think when I tested upgrading react from 14.x.x. to 15.0.1 these started appear and the form no longer works. Still investigating the issue.

warning.js:44 Warning: `value` prop on `input` should not be null. Consider using the empty string to clear the component or `undefined` for uncontrolled components.warning @ warning.js:44warnIfValueIsNull @ ReactDOMInput.js:41ReactDOMInput.mountWrapper @ ReactDOMInput.js:103ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:385ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:203ReactDOMComponent.Mixin._createInitialChildren @ ReactDOMComponent.js:624ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:470ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:203ReactDOMComponent.Mixin._createInitialChildren @ ReactDOMComponent.js:624ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:470ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:203ReactDOMComponent.Mixin._createInitialChildren @ ReactDOMComponent.js:624ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:470ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:203ReactDOMComponent.Mixin._createInitialChildren @ ReactDOMComponent.js:624ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:470ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactMultiChild.Mixin.mountChildren @ ReactMultiChild.js:203ReactDOMComponent.Mixin._createInitialChildren @ ReactDOMComponent.js:624ReactDOMComponent.Mixin.mountComponent @ ReactDOMComponent.js:470ReactDOMComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370ReactCompositeComponentMixin.performInitialMount @ ReactCompositeComponent.js:290ReactCompositeComponentMixin.mountComponent @ ReactCompositeComponent.js:237ReactCompositeComponent_mountComponent @ ReactPerf.js:66ReactReconciler.mountComponent @ ReactReconciler.js:39obj.(anonymous function) @ backend.js:8370mountComponentIntoNode @ ReactMount.js:103Mixin.perform @ Transaction.js:136batchedMountComponentIntoNode @ ReactMount.js:124ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js:61batchedUpdates @ ReactUpdates.js:97ReactMount._renderNewRootComponent @ ReactMount.js:277ReactMount__renderNewRootComponent @ ReactPerf.js:66obj.(anonymous function) @ backend.js:8360ReactMount._renderSubtreeIntoContainer @ ReactMount.js:354ReactMount.renderSubtreeIntoContainer @ ReactMount.js:304module.exports.React.createClass.renderPortal @ Modal.js:70Modal_componentDidMount @ Modal.js:47_assign.notifyAll @ CallbackQueue.js:66ON_DOM_READY_QUEUEING.close @ ReactReconcileTransaction.js:79Mixin.closeAll @ Transaction.js:202Mixin.perform @ Transaction.js:149batchedMountComponentIntoNode @ ReactMount.js:124ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js:61batchedUpdates @ ReactUpdates.js:97ReactMount._renderNewRootComponent @ ReactMount.js:277ReactMount__renderNewRootComponent @ ReactPerf.js:66obj.(anonymous function) @ backend.js:8360ReactMount._renderSubtreeIntoContainer @ ReactMount.js:354ReactMount.render @ ReactMount.js:374React_render @ ReactPerf.js:66onRowClick @ apiclients_page.jsx:197ReactErrorUtils.invokeGuardedCallback @ ReactErrorUtils.js:70executeDispatch @ EventPluginUtils.js:87executeDispatchesInOrder @ EventPluginUtils.js:110executeDispatchesAndRelease @ EventPluginHub.js:42executeDispatchesAndReleaseTopLevel @ EventPluginHub.js:53forEachAccumulated @ forEachAccumulated.js:24EventPluginHub.processEventQueue @ EventPluginHub.js:215runEventQueueInBatch @ ReactEventEmitterMixin.js:18ReactEventEmitterMixin.handleTopLevel @ ReactEventEmitterMixin.js:29handleTopLevelImpl @ ReactEventListener.js:73Mixin.perform @ Transaction.js:136ReactDefaultBatchingStrategy.batchedUpdates @ ReactDefaultBatchingStrategy.js:63batchedUpdates @ ReactUpdates.js:97ReactEventListener.dispatchEvent @ ReactEventListener.js:150

invariant.js:38 Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded (details: https://fb.me/react-refs-must-have-owner).
ljack commented 8 years ago

Well it certainly was an issue trying to upgrade to React 15.0.1. But something didn't work quite as I excepted. Some additional runs of npm outdated, npm update, npm-check-updates -u have fixed the situation and it disappeared almost as fast as it appeared.