Input field doesn't show errors anymore

[mradenovic]

Before we switched to react-materialize, input field was showing function error if any on run. Now, the field indicates that there was an error, but it does not display it.

[amr08]

hmm I can't seem to see any indication that there is an error in the fields other than the html5 warning. What is a way I can trigger one?

[mradenovic]

Run sum with no params. It will throw Must provide one or more parameters and the bottom border of the input field will turn red. Error message should show up under but it does not.

Error message is set in handleRunCode and passed down to FuncParams. It looks like materialize Input does not pass the message properly.

// FuncCard.js

  handleRunCode(e) {
    let params = this.state.params;
    try {
      let result = this.props.func(...params);
      this.setState({result: result, error: ''});
    }
    catch(err) {
      this.setState({result: '', error: err.message})
    }
  }

// FuncParams.js

  <Input
          value={value}
          id={`${funcName}-input`}
          type="number"
          step="0.01"
          placeholder="Enter number and hit RETURN"
          error={error}
          onChange={this.handleInputChange}
        />