const Basic: React.FC = () => {
  const { mode } = useParams();
  const [data, setData] = React.useState({});
  const {
    register,
    handleSubmit,
    setFocus
  } = useForm<{
    selectNumber: string;
  }>({
    mode: mode as keyof ValidationMode,
  });
  
  renderCounter++;


  React.useEffect(() => {
    setFocus("selectNumber",{shouldSelect:true});
  }, [setFocus]);

  return (
    <form
      onSubmit={handleSubmit((data) => {
        setData(data);
      })}
    >
      <select {...register('selectNumber', { required: true })}>
        <option value="">Select</option>
        <option value={'1'}>1</option>
        <option value={'2'}>2</option>
      </select>
      <button id="submit">Submit</button>
    </form>
  );
};