Edit in JSFiddle

const useForm = StaticKitReact.useForm;
const ValidationError = StaticKitReact.ValidationError;

function MyForm() {
  const [state, submit] = useForm({
    site: '02003c3fb0ca',
    form: 'fiddle-demo',
  });

  if (state.succeeded) {
    return (
      <div className="p-4 text-gray-300">Thanks for signing up!</div>
    )
  }

  return (
    <div className="p-4 antialiased">
      <form onSubmit={submit}>
        <div className="flex pb-2">
          <label htmlFor="email" className="hidden">Email</label>
          <input id="email" 
                 type="email" 
                 name="email"
                 required
                 placeholder="Enter your email" 
                 className="mr-2 py-2 px-3 bg-gray-400 rounded focus:outline-none focus:bg-white" />
          <button type="submit" 
                  className="py-2 px-6 bg-indigo-600 rounded text-white font-bold disabled:opacity-50" 
                  disabled={state.submitting}>Submit</button>
        </div>
        <ValidationError prefix="Email" 
                         field="email" 
                         errors={state.errors} 
                         className="font-bold text-red-600 text-sm" />
      </form>
    </div>
  )
}

ReactDOM.render(<MyForm />, document.getElementById('root'));
<div id="root">
</div>