From 9513439fc86f298b174822ece062490947cd3f54 Mon Sep 17 00:00:00 2001
From: VH <hoangzinhvn@gmail.com>
Date: Mon, 15 May 2023 18:17:40 +0700
Subject: [PATCH] Fix reload year search page, date search selection breaks in
 DOB page

---
 .../Profile/PersonalDetails/DateOfBirthPage.js      | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/pages/settings/Profile/PersonalDetails/DateOfBirthPage.js b/src/pages/settings/Profile/PersonalDetails/DateOfBirthPage.js
index 0a3d892f7981..fd506cf82353 100644
--- a/src/pages/settings/Profile/PersonalDetails/DateOfBirthPage.js
+++ b/src/pages/settings/Profile/PersonalDetails/DateOfBirthPage.js
@@ -15,6 +15,7 @@ import * as PersonalDetails from '../../../../libs/actions/PersonalDetails';
 import compose from '../../../../libs/compose';
 import NewDatePicker from '../../../../components/NewDatePicker';
 import CONST from '../../../../CONST';
+import withNavigationFocus from '../../../../components/withNavigationFocus';
 
 const propTypes = {
     /* Onyx Props */
@@ -49,11 +50,16 @@ class DateOfBirthPage extends Component {
     }
 
     componentDidMount() {
-        this.props.navigation.addListener('focus', this.getYearFromRouteParams);
+        this.getYearFromRouteParams();
     }
 
-    componentWillUnmount() {
-        this.props.navigation.removeListener('focus', this.getYearFromRouteParams);
+    componentDidUpdate(prevProps) {
+        // When we're navigating back from Year page. We need to update the selected year from the URL
+        if (prevProps.isFocused || !this.props.isFocused) {
+            return;
+        }
+
+        this.getYearFromRouteParams();
     }
 
     /**
@@ -135,6 +141,7 @@ DateOfBirthPage.defaultProps = defaultProps;
 
 export default compose(
     withLocalize,
+    withNavigationFocus,
     withOnyx({
         privatePersonalDetails: {
             key: ONYXKEYS.PRIVATE_PERSONAL_DETAILS,