How to use SafeArea Context for iOS devices in Component level

import { useSafeArea } from "react-native-safe-area-context";

const MyComponent = () => {
  const insets = useSafeArea();
  return (
    <View
      style={{
        paddingBottom: insets.bottom, // if required padding bottom
        paddingTop: insets.top, // if required padding for top
      }}
    >
      {/*
      Code here
    */}
    </View>
  );
};