Hook for properly use `screenReaderEnabled` (RN 0.68+)

useScreenReaderEnabled.js

import React, { useEffect, useState } from 'react';
import { AccessibilityInfo } from 'react-native';
const useScreenReaderEnabled = () => {
  const [screenReaderEnabled, setScreenReaderEnabled] = useState(false);

  useEffect(() => {
    const screenReaderChangedSubscription = AccessibilityInfo.addEventListener(
      "screenReaderChanged",
      (screenReaderEnabled) => {
        setScreenReaderEnabled(screenReaderEnabled);
      }
    );

    AccessibilityInfo.isScreenReaderEnabled().then((screenReaderEnabled) => {
      setScreenReaderEnabled(screenReaderEnabled);
    });

    return () => {
      screenReaderChangedSubscription.remove();
    };
  }, []);

  return screenReaderEnabled;
};