Deep Linking

Handle incoming deep links in your React Native app with the Grovs SDK

Listening for deep links

Use the onDeeplinkReceived callback to handle incoming deep links:

import Grovs from 'react-native-grovs-wrapper';
 
const listener = Grovs.onDeeplinkReceived((response) => {
    console.log('Link:', response.link);
    console.log('Data:', response.data);
 
    // Route the user based on payload
    if (response.data?.screen === 'product') {
        navigation.navigate('Product', { id: response.data.productId });
    }
});
 
// When you no longer need the listener
listener.remove();

Set up the listener early (e.g. in your root component or app entry point) to ensure it's ready before any deep links arrive.