message: fix(form-control): move "useSafeLayoutEffect" hook after condition check
diff: @@ -264,17 +264,23 @@ export const FormHelperText = forwardRef<HelpTextProps, "div">(
  const field = useFormControlContext()
  const styles = useStyles()
  - if (field?.isInvalid) return null
  -
  /**
  * Notify the field context when the help text is rendered on
  * screen, so we can apply the correct `aria-describedby` to the field (e.g. input, textarea)
  */
  useSafeLayoutEffect(() => {
  + if (field?.isInvalid) {
  + return
  + }
  +
  field?.setHasHelpText.on()
  return () => field?.setHasHelpText.off()
  }, [])
  + if (field?.isInvalid) {
  + return null
  + }
  +
  const _className = cx("chakra-form__helper-text", props.className)
  return (
  