message: close with focus order with Controller
diff: @@ -1160,8 +1160,11 @@ React.useEffect(() => {
  </p>
  <p>
  - <b className={typographyStyles.note}>Note:</b> For Typescript user, if you are using custom component with required fields: <code>onChange</code>,{" "}
  - <code>onBlur</code>, <code>value</code>, It will complain about missing declared field. Please use <code>render</code> instead of <code>as</code>.
  + <b className={typographyStyles.note}>Note:</b> For Typescript
  + user, if you are using custom component with required fields:{" "}
  + <code>onChange</code>, <code>onBlur</code>, <code>value</code>, It
  + will complain about missing declared field. Please use{" "}
  + <code>render</code> instead of <code>as</code>.
  </p>
  <CodeArea
  @@ -1232,6 +1235,14 @@ React.useEffect(() => {
  React-Native components as long as they can be focused.
  </p>
  + <p>
  + <b className={typographyStyles.note}>Note:</b> Input focus order
  + is according to registration order, which means native input
  + registered with <code>ref</code> will be the first to be focused
  + on the error due to <code>Controller</code> registration occurred
  + during <code>useEffect</code>.
  + </p>
  +
  <CodeSandBoxLink
  style={{
  position: "relative",
  