react native keyboard height hook

useKeyboardHeight.ts

import { useEffect } from "react";
import { Keyboard } from "react-native";
import { useState } from "./mounted";

export function useKeyboardHeight() {
  const [keyboardHeight, setKeyboardHeight] = useState(0);

  useEffect(() => {
    const showSubscription = Keyboard.addListener('keyboardDidShow', e => setKeyboardHeight(e.endCoordinates.height));
    const hideSubscription = Keyboard.addListener('keyboardWillHide', () => setKeyboardHeight(0));
    return () => {
      showSubscription.remove();
      hideSubscription.remove();
    }
  }, [setKeyboardHeight]);

  return keyboardHeight;
}

keyboardDidHide instead of keyboardWillHide
dependency [setKeyboardHeight] in useEffect is not needed [ ]

keyboardDidHide instead of keyboardWillHide dependency [setKeyboardHeight] in useEffect is not needed [ ]

I think it is better to use KeyboardWillHide and KeyboardWillShow as this is going to remove the delay in styles, if applying, based on the keyboard height.