Error: The route /chat/:merchant callback is not a higher order function. about react-native-deep-link

[Starotitorov]

A higher order function is a function that takes a function as an argument, or returns a function.
In our case all functions like handleMerchantMessage, handleMerchantNotice, handleDeferredDeeplink, handleCallBack should return functions.

export const handleMerchantMessage = () => () => {
    pushNotificationBase();
}

export const handleMerchantNotice = () => () => {
    pushNotificationBase();
}

export const handleDeferredDeeplink = () => () => {
}

export const handleCallBack = () => () => {
    pushNotificationBase();
}

Recompose, redux-thunk packages have similar API. The idea behind this is to merge data from several sources, in this case some parameters are stored in closure.

handleMerchantMessage function receives the result of url parsing, the function returns another function which receives component props as an argument.

export const handleMerchantMessage = ({ scheme, route, query, params }) => ({ dispatch }) => {
}

Also, where did you find this code in the docs? The package does not provide such API. 😅

query: {
    "state": "state",
    "session_state": "session_state",
    "code": "code",
}

[haveamission]

Oops, my fault on the query part - I misinterpreted something written in the docs.

And thank you, that worked.

[haveamission]

Also, how would I wrap the function in a router correctly?

Like so?

const handleMerchantMessagePre = () => () => {
pushNotificationBase();
}

const handleMerchantMessage = withRouter(handleMerchantMessagePre);

[Starotitorov]

withRouter is a HOC, only React components can be wrapped with HOCs.

So, you should do something like this:

export default compose(
  withRouter,
  createDeepLinkingHandler(schemes)
)(YourComponent)

withRouter will pass some props to the WrappedComponent. This props will be available in your callback handler:

const handleMerchantMessage = () => ({ location, history, dispatch }) => {
  // Now you have access to the history and location here in the code
}

[haveamission]

Beautiful, thank you!

[Starotitorov]

Query parameters are not a part of pathname, you should omit them in route expression. are not a part of pathname, you should omit them in the route expression.

{    
    name: 'https:',
    routes: [
        {
            expression: 'company.onelink.me/QOVp/d8e6a2e0',
             callback: handleDeferredDeeplink
        }
    ]
}

[Starotitorov]

I am going to close the issue. Feel free to reopen it in case you have more questions.