Example using MMKV as the storePersistor?

[thianphat]

Does anyone have a working example of utilizing MMKV storage instead of Async Storage? Getting this error when adding MMKV storage to storePersistor

persistor.get is not a function (it is undefined)

[joeruello]

@thianphat If you're still looking for an example:

import { createClient } from '@segment/analytics-react-native';
import { MMKV } from 'react-native-mmkv'

const storage = new MMKV({
  id: 'mycoolapp:segment',
});

const mmkvStorePersistor = {
  async get<T>(key: string) {
    try {
      const value = storage.getString(key);
      if (value !== null && value !== undefined) {
        return JSON.parse(value) as unknown as T;
      }
    } catch (e) {
      console.error(e);
    }

    return undefined;
  },
  async set<T>(key: string, value: T) {
    try {
      storage.set(key, JSON.stringify(value));
    } catch (e) {
      console.error(e);
    }
  },
};

export const segmentClient = createClient({
  writeKey: 'YOUR_WRITE_KEY',
  storePersistor: mmkvStorePersistor,
})

Based off the AysncStorage impl in this repo: https://github.com/segmentio/analytics-react-native/blob/87f34e3ae318f85666ef1b8b94b5646e138bda17/packages/sovran/src/persistor/async-storage-persistor.ts#L36-L63

[oscb]

@joeruello thanks for that great example!

@thianphat here's the interface of the Persistor for reference, is not a 1-to-1 match to MMKV or other storages but a simplified version of it: https://github.com/segmentio/analytics-react-native/blob/87f34e3ae318f85666ef1b8b94b5646e138bda17/packages/sovran/src/persistor/persistor.ts#L20-L31

[thianphat]

@oscb @joeruello very helpful. thank you so much!