useInputValueLangaugeDetector.js

useEffect(() => {
    if (value === "" && locale === "ar") {
      setDir("rtl");
      return;
    }
    /* The above code is setting the direction of the text to right to left if the user is focussed on
    the text box. */
    if (focussed) {
      isRTL(value) ? setDir("rtl") : setDir("ltr");
    }
  }, [value, focussed, locale]);