diff --git a/assets/js/src/form_editor/blocks/text_input_edit.jsx b/assets/js/src/form_editor/blocks/text_input_edit.jsx index eda5179ae2..05862d802d 100644 --- a/assets/js/src/form_editor/blocks/text_input_edit.jsx +++ b/assets/js/src/form_editor/blocks/text_input_edit.jsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useRef } from 'react'; import PropTypes from 'prop-types'; import ParagraphEdit from './paragraph_edit.jsx'; import formatLabel from './label_formatter.jsx'; @@ -11,6 +11,7 @@ const TextInputEdit = ({ mandatory, styles, }) => { + const input = useRef(null); const id = `${name}_${Math.random().toString(36).substring(2, 15)}`; const labelStyles = { @@ -34,13 +35,14 @@ const TextInputEdit = ({ const getTextInput = (placeholder) => ( input.current.blur()} /> );