diff --git a/docs/useMediatedState.md b/docs/useMediatedState.md
index 34a5cdb590..0779a2e97d 100644
--- a/docs/useMediatedState.md
+++ b/docs/useMediatedState.md
@@ -7,21 +7,18 @@ A lot like the standard `useState`, but with mediation process.
 import * as React from 'react';
 import { useMediatedState } from '../useMediatedState';
 
-const InputMediator = s => s.replace(/[\s]+/, ' ');
+const inputMediator = s => s.replace(/[\s]+/g, ' ');
 const Demo = () => {
-  const [state, setState] = useMediatedState('', InputMediator);
+  const [state, setState] = useMediatedState(inputMediator, '');
 
   return (
     <div>
       <div>You will not be able to enter more than one space</div>
-      <input
-        type="number"
-        min="0"
-        max="10"
-        value={state}
-        onChange={(ev: React.ChangeEvent<HTMLInputElement>) => {
-          setState(ev.target.value);
-        }}
+      <input type="text" min="0" max="10" 
+             value={state}
+             onChange={(ev: React.ChangeEvent<HTMLInputElement>) => {
+               setState(ev.target.value);
+             }}
       />
     </div>
   );