react native with react navigation focuse effect for status bar

useFocusStatusBar.tsx

import {useCallback} from 'react';
import {useFocusEffect} from '@react-navigation/native';
import {ColorValue, StatusBar, StatusBarStyle, Platform} from 'react-native';

const useFocusStatusBar = (
  barStyle: StatusBarStyle = 'dark-content',
  translucent: boolean = true,
  backgroundColor: ColorValue = 'transparent',
): void => {
  useFocusEffect(
    useCallback(() => {
      StatusBar.setBarStyle(barStyle);
      if (Platform.OS === 'android') {
        StatusBar.setTranslucent(translucent);
        StatusBar.setHidden(false);
        StatusBar.setBackgroundColor(backgroundColor);
      }
    }, [backgroundColor, barStyle, translucent]),
  );
};

export default useFocusStatusBar;