fix review

spec/dummy/client/app/startup/HelloTurboStream.jsx

@@ -4,41 +4,27 @@ import RailsContext from '../components/RailsContext';
 
 import css from '../components/HelloWorld.module.scss';
 
-class HelloTurboStream extends React.Component {
-  static propTypes = {
-    helloTurboStreamData: PropTypes.shape({
-      name: PropTypes.string,
-    }).isRequired,
-    railsContext: PropTypes.object,
-  };
-
-  constructor(props) {
-    super(props);
-    this.state = props.helloTurboStreamData;
-    this.setNameDomRef = this.setNameDomRef.bind(this);
-    this.handleChange = this.handleChange.bind(this);
-  }
-
-  setNameDomRef(nameDomNode) {
-    this.nameDomRef = nameDomNode;
-  }
+const HelloTurboStream = ({ helloTurboStreamData, railsContext }) => {
+  const [name, setName] = useState(helloTurboStreamData.name);
+  const nameDomRef = useRef(null);
 
-  handleChange() {
-    const name = this.nameDomRef.value;
-    this.setState({ name });
-  }
-
-  render() {
-    const { name } = this.state;
-    const { railsContext } = this.props;
+  const handleChange = () => {
+    setName(nameDomRef.current.value);
+  };
 
-    return (
-      <div>
-        <h3 className={css.brightColor}>Hello, {name}!</h3>
-        {railsContext && <RailsContext {...{ railsContext }} />}
-      </div>
-    );
-  }
-}
+  return (
+    <div>
+      <h3 className={css.brightColor}>Hello, {name}!</h3>
+      {railsContext && <RailsContext {...{ railsContext }} />}
+    </div>
+  );
+};
+
+HelloTurboStream.propTypes = {
+  helloTurboStreamData: PropTypes.shape({
+    name: PropTypes.string,
+  }).isRequired,
+  railsContext: PropTypes.object,
+};
 
 export default HelloTurboStream;