TypeError: Cannot read property 'setGenericPasswordForOptions' of null

[agieocean]

Version: "react-native-keychain": "^8.1.1" "react-native": "0.71.3" Expected behavior: Set token, get token, display token Actual behavior:

 WARN  Possible Unhandled Promise Rejection (id: 0):
TypeError: Cannot read property 'setGenericPasswordForOptions' of null

Relevant code:

const onSubmit = data => {
    let URL = "http://192.168.1.121:8000/api/token/";
    let config = {
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      }
    }

    data = {
      'username': data.UserName,
      'password': data.Password
    }

    axios.post(URL, data, config).then(response => {
      credentialsKey = data.UserName;
      Keychain.setGenericPassword(credentialsKey, response.data.access, { service: credentialsKey }).then(() => {
        Keychain.getGenericPassword({ service: credentialsKey }).then(response => {
          alert(response);
        });
      });
    });
  }

[alexmehta]

Did you find a solution to this issue, I have the same problem.

[dannywamuya]

I have a similar problem while trying to use setGenericPassword. Would highly appreciate any help with this if anyone was able to resolve it.

Expected behavior is to be able to store the tokens and retrieve using await Keychain.getGenericPassword();

I however encounter the following error while trying to set:

Cannot read property 'setGenericPasswordForOptions' of null

and

Keychain Error: Cannot read property 'getGenericPasswordForOptions' of null

while trying to get.

const onLogin = async () => {
  setLoading(true);
  axios
    .post(`/login`, {
	email,
	password,
    })
    .then(async (res) => {
	const { accessToken, refreshToken } = res.data;
	setAuthState({ accessToken, refreshToken, authenticated: true });

	Keychain.setGenericPassword(
            'token',
	    JSON.stringify({ accessToken, refreshToken })
	)
	.then((value) => console.log(value))
	.catch((e) => console.error(e));
	})
    .catch((err: AxiosError) => {
	Alert.alert('Login Failed', 'Something went wrong');
    })
    .finally(() => {
	setLoading(false);
    });
};

[welschmoor]

Same

[TranQuyenSinh]

Same error

[ferrariRoma]

same error. tragic 🥶 "react-native": "0.72.6", "react-native-keychain": "^8.1.2",

[dannywamuya]

Hey, I managed to solve my problem. It was an oversight, I realized I can't user react-native-keychain in expo. So incase you are using expo, you could opt for SecureStore

[ferrariRoma]

Hey, I managed to solve my problem. It was an oversight, I realized I can't user react-native-keychain in expo. So incase you are using expo, you could opt for SecureStore

I just read @dannywamuya's comment after I learned expo managed workflow can't use react-native-keychain. and I solved it using SecureStore you mentioned. thank you so much :)

[GabrielMerigo]

I had the same issue... I just deleted node_modules and installed it again :)

yarn -> 1.22.09
---
"react-native": "0.72.7
"react-native-keychain": "^8.1.2"

[katdivyareddy10]

You can try reinstalling pods and verify podfile.lock contains a link to react-native-keychain nodemodule

[Khalid-Badawi2001]

same issue, non of the solutions above worked

[micheci]

yea same here, I was using expo and made the switch to secureStore. Would recommend!

[brytoz]

Had same issue... (for IOS) make sure you add keychain manually in xcode at the 'capabilities' section and run pod install in the ios folder after installing the package. rebuild your project and it should work. you might experience crash in the app after saving the first time, but make sure your app allows and accepts keychain.

[bohnerjosh]

same issue, non of the solutions above worked. Works fine on iOS but not on Android. I am not using expo. Uninstalling the app and re-building did not fix the issue

"react-native": "^0.73.9", "react-native-keychain": "^9.2.2",

[NJneeraj]

I had the same issue.I uninstalled the app and then build it again.The error got resolved after the new build.

[bohnerjosh]

Some more context for my issue: I am not using expo. This also does not happen on iOS. When I run my app initially, react native keychain works fine. However, if I close the app and re-open it again, I get this error when calling setGenericPassword and getGenericPassword.

Tried replicating in a bare react native app and was unable to do so.

[mhiqrambg]

i get same error "react-native": "^0.78.0", "react-native-keychain": "^9.2.3",

using reactnative community no expo

[DorianMazur]

Could someone please create an example repository for this issue?

[mhiqrambg]

my problem is resolved, react-native-keychain clashes with react-native-gesture-handle. I installed "react-native-gesture-handler": "^2.24.0", and the problem was solved

[ats1999]

In my case, i simply closed the terminal and did npx react-native run-android and it fixed the issue. I guess android studio needed some dependencies

[blizhinm]

So, the issue still there. Using react-native-cli, no Expo, had to manually link the package for android:

1. added at the end of android/settings.gradle

include ':react-native-keychain'
project(':react-native-keychain').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-keychain/android')

2. in android/app/build.gradle added to the dependencies

dependencies {
  ...
  implementation project(':react-native-keychain')
}

3. in the MainApplication.java added to the package's list:

import com.oblador.keychain.KeychainPackage;

override fun getPackages(): List<ReactPackage> =
    PackageList(this).packages.apply {
        // Packages that cannot be autolinked yet can be added manually here, for example:
        // add(MyReactNativePackage())
        add(KeychainPackage())
    }

4. then run/build application

yarn start
yarn run android

After this the error is resolved.

"react-native": "0.81.4",
"react-native-keychain": "^10.0.0",