Giter Club home page Giter Club logo

Comments (17)

andreypopp avatar andreypopp commented on July 26, 2024

Can you show the traceback? It seems like it doesn't work with react-hot-loader?

from react-textarea-autosize.

mizhdi avatar mizhdi commented on July 26, 2024

image

from react-textarea-autosize.

andreypopp avatar andreypopp commented on July 26, 2024

cc @gaearon any ideas?

from react-textarea-autosize.

gaearon avatar gaearon commented on July 26, 2024

I'll take a look later today.

from react-textarea-autosize.

mizhdi avatar mizhdi commented on July 26, 2024

Thanks!

from react-textarea-autosize.

gaearon avatar gaearon commented on July 26, 2024

Please could you create a Github project reproducing the problem.

from react-textarea-autosize.

gaearon avatar gaearon commented on July 26, 2024

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.

andreypopp avatar andreypopp commented on July 26, 2024

@mizhdi any feedback on this?

from react-textarea-autosize.

mizhdi avatar mizhdi commented on July 26, 2024

no, just ues browserify

from react-textarea-autosize.

andreypopp avatar andreypopp commented on July 26, 2024

@mizhdi can you post output from running npm ls in the project directory?

from react-textarea-autosize.

alex35mil avatar alex35mil commented on July 26, 2024

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.

andreypopp avatar andreypopp commented on July 26, 2024

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.

andreypopp avatar andreypopp commented on July 26, 2024

@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.

alex35mil avatar alex35mil commented on July 26, 2024

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.

alex35mil avatar alex35mil commented on July 26, 2024

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.

andreypopp avatar andreypopp commented on July 26, 2024

@alexfedoseev can I see the complete traceback?

from react-textarea-autosize.

alex35mil avatar alex35mil commented on July 26, 2024

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.