Update snippet formatting

snippets/ControlledInput.md

@@ -6,19 +6,19 @@ tags: components,state,effect,intermediate
 Renders an `<input>` element with internal state, that uses a callback function to pass its value to the parent component.
 
 - Use object destructuring to set defaults for certain attributes of the `<input>` element.
-- Use the `React.setState()` hook to create the `value` state variable and give it a value of equal to the `defaultValue` prop.
+- Use the `React.useState()` hook to create the `value` state variable and give it a value of equal to the `defaultValue` prop.
 - Use the `React.useEffect()` hook with a second parameter set to the `value` state variable to call the `callback` function every time `value` is updated.
 - Render an `<input>` element with the appropriate attributes and use the the `onChange` event to upda the `value` state variable.
 
 ```jsx
-function ControlledInput({
+const ControlledInput = ({
   callback,
   type = 'text',
   disabled = false,
   readOnly = false,
   defaultValue,
   placeholder = ''
-}) {
+}) => {
   const [value, setValue] = React.useState(defaultValue);
 
   React.useEffect(() => {
@@ -35,7 +35,7 @@ function ControlledInput({
       onChange={({ target: { value } }) => setValue(value)}
     />
   );
-}
+};
 ```
 
 ```jsx