useReduceMotion hook for ReactNative

useReduceMotion.ts

import { useEffect, useState } from 'react'
import { AccessibilityInfo } from 'react-native'

// Adapted from https://github.com/infiniteluke/react-reduce-motion/blob/master/src/targets/native/index.js
export const useReduceMotion = (): boolean => {
  const [shouldReduceMotion, setShouldReduceMotion] = useState(false)

  useEffect(() => {
    const handleChange = (isReduceMotionEnabled: boolean): void => {
      setShouldReduceMotion(isReduceMotionEnabled)
    }

    async function init(): Promise<void> {
      handleChange(await AccessibilityInfo.isReduceMotionEnabled())
    }
    init()

    AccessibilityInfo.addEventListener('reduceMotionChanged', handleChange)
    return (): void => {
      AccessibilityInfo.removeEventListener('reduceMotionChanged', handleChange)
    }
  }, [])
  return shouldReduceMotion
}