Comments (17)
Can you show the traceback? It seems like it doesn't work with react-hot-loader?
from react-textarea-autosize.
from react-textarea-autosize.
cc @gaearon any ideas?
from react-textarea-autosize.
I'll take a look later today.
from react-textarea-autosize.
Thanks!
from react-textarea-autosize.
Please could you create a Github project reproducing the problem.
from react-textarea-autosize.
I'm unable to reproduce this. I suspect that you might have two Reacts on the same page due to some NPM package installing its own copy. I suggest you delete node_modules
and npm install
again. Also see suggestions in this article.
from react-textarea-autosize.
@mizhdi any feedback on this?
from react-textarea-autosize.
no, just ues browserify
from react-textarea-autosize.
@mizhdi can you post output from running npm ls
in the project directory?
from react-textarea-autosize.
Just faced similar (?) issue:
Uncaught Error: Invariant Violation: Component (with keys: props,context,state,_onChange,_resizeComponent,refs,_reactInternalInstance) contains `render` method but is not mounted in the DOM
invariant @ invariant.js:42
findDOMNode @ findDOMNode.js:54
_resizeComponent @ TextareaAutosize.js:96
I forgot that it's not actually DOM element and did this:
<Textarea ref="content" />
let content = React.findDOMNode(this.refs.content).value.trim();
Not sure if this related to current issue, but anyway: how should I get the value of textarea
DOM node inside wrapper component?
from react-textarea-autosize.
Interesting... seems like one of the lifecycles methods (componentDidMount/componentWillReceiveProps) is called when component isn't in the DOM.
@alexfedoseev are you also using react-hot-loader?
from react-textarea-autosize.
@alexfedoseev I'm not sure traceback provided by your is related to code snippet as 3rd frame points to findDOMNode
within the TextareaAutosize
component.
from react-textarea-autosize.
are you also using react-hot-loader?
Nope.
I'm not sure traceback provided by your is related to code snippet as 3rd frame points to findDOMNode within the TextareaAutosize component.
You're right, it's not related. It still throws the same error when I'm not placing ref on it.
from react-textarea-autosize.
I'm using it inside FlummoxComponent
:
<FlummoxComponent connectToStores={'store'}>
<Form {...this.props} />
</FlummoxComponent>
When I place <Form />
component in routes without flummox
wrapper — error is gone.
from react-textarea-autosize.
@alexfedoseev can I see the complete traceback?
from react-textarea-autosize.
I did a bunch of stuff yesterday and now I can't reproduce it. It's still inside FlummoxComponent
, but error is gone.
from react-textarea-autosize.
Related Issues (20)
- Page scrolls up when typing (when being zoomed out in Safari)
- When you limit the height of the div outside a <TextareaAutosize/>, the textarea component becomes scrollable. HOT 1
- Add spellcheck prop
- row-property is a noop? HOT 2
- Always getting this warning: Invalid DOM property `class`. Did you mean `className`? HOT 3
- Textarea with incorrect height at first render HOT 1
- Initial height is incorrect in Firefox HOT 4
- TypeError in version `8.4.1` HOT 5
- package gets resolved as commonjs from an esm project HOT 4
- When importing in Astro it fails to resolve (v8.5.0) HOT 2
- Nextjs 13.4.3 and v8.5.0 warning
- Invalid exports in package.json HOT 1
- textarea-autosize conflict with custom key bind HOT 1
- Id attribute value and name attribute value cannot be specified in hiddenTextarea
- Height on iOS Safari doesn't account for padding
- package.json duplicate browser exports HOT 3
- Doesn't update if made to change width without re-rendering HOT 3
- SSR-only Error with NextJS on Edge Runtime - "document is not defined"
- Custom render HOT 1
- Simplest example does not work HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-textarea-autosize.