[COMPATIBILITY] @rozenite/mmkv-plugin incompatible with react-native-mmkv v4.0.0

[saleheen-dev]

Describe the bug

The latest version of react-native-mmkv (v4.0.0) is not working with @rozenite/mmkv-plugin (v1.0.0-alpha.14 and v1.0.0-alpha.16). The plugin appears to be incompatible with the breaking changes introduced in MMKV v4.0.0.

Specific behavior observed:

1. The plugin detects entries from the default storage instance (shows "8 of 8 entries" in the UI)
2. However, no data is displayed in the inspector, even though entries are detected
3. The instance dropdown is empty and shows no options, preventing selection of any storage instance
4. This behavior occurs regardless of configuration:
   • When passing a single storage instance: useMMKVDevTools({ storages: [storage] })
   • When passing multiple storage instances: The dropdown remains empty
   • When not passing any instance (using default): Same behavior

The storage instance itself works correctly (tested with Jotai's atomWithStorage and Reactotron's MMKV plugin), but the Rozenite plugin integration fails silently. No errors are shown in the console.

See Image for ref:

System Info

- **React Native:** 0.81.5
- **Expo:** 54.0.20
- **react-native-mmkv:** ^4.0.0
- **react-native-nitro-modules:** ^0.31.2 (required peer dependency for MMKV v4)
- **Platform:** iOS/Android
- **Architecture:** New Architecture enabled

Rozenite Version

1.0.0-alpha.16

Reproduction

No minimal repo - reproducible with MMKV v4.0.0 and @rozenite/mmkv-plugin v1.0.0-alpha.16 using default storage instance.

Steps to reproduce

1. Install react-native-mmkv@^4.0.0

2. Install @rozenite/mmkv-plugin@^1.0.0-alpha.14 or @rozenite/mmkv-plugin@^1.0.0-alpha.16

3. Configure the plugin with MMKV storage instance:

   useMMKVDevTools({ storages: [storage] });

4. Run the app open devtools

5. Navigate to the MMKV Inspector tab in devtools

6. Observed behavior:

   • Plugin shows "8 of 8 entries" (or count of entries detected)
   • Instance dropdown is empty with no options available
   • No data is displayed in the inspector view
   • "Welcome to MMKV Inspector" message remains visible
   • Message says "Select an MMKV instance from the dropdown above" but dropdown has no options

7. Expected behavior:

   • Instance dropdown should show available storage instances
   • Data should be displayed when an instance is selected
   • All entries should be visible and searchable

[saleheen-dev]

I have tested this issue with multiple versions of @rozenite/mmkv-plugin (v1.0.0-alpha.14, v1.0.0-alpha.15, and v1.0.0-alpha.16), and all versions exhibit the same behavior.

However, I have tested react-native-mmkv v3.3.3 with @rozenite/mmkv-plugin v1.0.0-alpha.14, and it was working fine. The issue appears after updating react-native-mmkv to v4.0.0.

[rdnsan]

+1

[V3RON]

MMKV v4 will be supported in the next release. A minor change will be required on your side, as the ID is no longer accessible through the MMKV instance.

#133

[saleheen-dev]

MMKV v4 will be supported in the next release. A minor change will be required on your side, as the ID is no longer accessible through the MMKV instance.

#133

Thank you for the quick fix, I really appreciate it.

[V3RON]

1.0.0-alpha.17-canary.1762179186380 is out and available for early testing.
Could you please confirm it resolves the issue on your end?

[anudit]

@V3RON 1.0.0-alpha.17-canary.1762179186380 works well with mmkv@4.

I am using it with a zustand store which seems to chuck it all in a single json with the key. is it possible to show the data in a better way? even pretty print would be nice. Thanks!