Define input state in constructor

plotly · Jul 10, 2023 · 0198e20 · 0198e20
1 parent 259b63a
commit 0198e20
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/components/dash-core-components/src/components/Input.react.js b/components/dash-core-components/src/components/Input.react.js
@@ -20,6 +20,11 @@ export default class Input extends PureComponent {
     constructor(props) {
         super(props);
 
+        this.state = {
+            pendingEvent: undefined,
+            value: '',
+        };
+
         this.input = React.createRef();
 
         this.onBlur = this.onBlur.bind(this);
@@ -33,7 +38,7 @@ export default class Input extends PureComponent {
 
     UNSAFE_componentWillReceiveProps(nextProps) {
         const {value} = this.input.current;
-        if (this.state?.pendingEvent) {
+        if (this.state.pendingEvent) {
             // avoid updating the input while awaiting a debounced event
             return;
         }