Unknown risk for using useEffect hook to detect document dir

[Nradar]

Hey Guys, I have a question regarding the prop dir. Is there any specific reason to implement rtl by the prop dir, instead of using useEffect hook to detect whether the document body is in rtl or ltr? Will the performance be an issue if using the code below instead of setting dir prop? Thank you so much!