React Input component crashes when inputRef is used about mui HOT 9 OPEN

Added PR to DefinitelyTyped: DefinitelyTyped/DefinitelyTyped#43079

from mui.

Awesome! Thanks! Let me know when it gets merged and then we'll close this issue.

from mui.

Thanks for creating this issue. Are you currently running into this problem? Can you provide an example snippet?

from mui.

import React from "react";
import ReactDOM from "react-dom";
import { Input } from "muicss/react";

function App() {
  return <Input inputRef={() => console.log("hi")} />;
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

You should see an error in the console to the effect of TypeError: this.controlEl is undefined or Cannot set property _muiTextfield on undefined

https://codesandbox.io/s/quirky-wilbur-je6eg
The sandbox generates a lot of extra error output that's not helpful but the real error should be in there somewhere.

from mui.

@amorey, @download13: I encountered this issue as well. Proposed solution in #315

from mui.

Have you tried using the ref attribute to access the control element instead? Here's an example in the documentation for uncontrolled components:
https://www.muicss.com/docs/v1/react/input

from mui.

Thanks @amorey: that works as well but could we then add controlEl to the typescript definition for Input?

from mui.

Sure, though I'm not familiar with typescript. Can you submit a PR or show me how to add it?

from mui.

Hi @amorey: sorry for the delayed response. I'll try to add it.

from mui.