Tracking Custom mixpanel events

MyComponent.js

import React from 'react';
import { View, Text } from 'react-native';
import {Button} from 'components';

import {useMixpanel} from 'provider/MixpanelProvider'; // import useMixpanel hooks

const MyComponent = () => {
  const mixpanel = useMixpanel(); // put this code top of your functional component 
  
  const handleTrack = () => {
    // here you can use any mixpanel methods 
    // e.g. 
    // mixpanel.timeEvent("Image Upload");
    // mixpanel.track("Image Upload");
    // mixpanel.registerSuperProperties({'Plan': 'Mega', 'Cost': '2000'});
    // mixpanel.clearSuperProperties();
    // mixpanel.identify("13791");
    // mixpanel.alias('new_id', 'existing_id');
    
    mixpanel.track('Clicked Track me button');
  }
  return (
    <View>
      <Text>My Component</Text>
      <Button onPress={handleTrack}><Text>Track me</Text></Button>
    </View>
  )
};

export default MyComponent;