Can't connect react native app to xumm

I am making a react native app which has the simple functionality to send and receive xrp by connecting my app to the Xaman Wallet.
However I cant figure as to how can I connect my react native app to the xaman wallet. I tried registering my app on the developer console and added a redirect url. I then opened the same url through my app however every time the url opens I get an error, which is Error: access_denied Invalid client/redirect url. I have cross checked my api key and matched the url on the developer console with the one in my app. I have been stuck on this any kind of help or pointers will be appreciated.
Cheers