Install & Compatibility
Where this runs
No compatibility data collected yet for this library.
Code
Verified usage
Verified import paths — ran on the pinned version, not inferred.
storage
✓ import { storage } from 'reactant-storage'
✗ const storage = require('reactant-storage')
ESM-only; CommonJS require is not supported.
createStorage
✓ import { createStorage } from 'reactant-storage'
✗ import createStorage from 'reactant-storage'
createStorage is a named export, not a default export.
StorageOptions
✓ import type { StorageOptions } from 'reactant-storage'
✗ import { StorageOptions } from 'reactant-storage'
StorageOptions is a TypeScript type, use import type.
Shows basic setup of reactant-storage with redux-persist, including creating a persisted reducer and wrapping the app with PersistGate.
import { storage, createStorage } from 'reactant-storage';
import { createStore, combineReducers } from 'redux';
import { persistReducer, persistStore } from 'redux-persist';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';
const persistConfig = {
key: 'root',
storage,
};
const rootReducer = combineReducers({
// your reducers
});
const persistedReducer = persistReducer(persistConfig, rootReducer);
const store = createStore(persistedReducer);
const persistor = persistStore(store);
const App = () => (
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
{/* your app */}
</PersistGate>
</Provider>
);
// Alternatively, use createStorage()
const myStorage = createStorage({ blacklist: ['temporary'] });
Errors
Common errors & fixes
TypeError: Cannot destructure property 'storage' of 'reactant_storage' as it is undefined.
CommonJS require used instead of ESM import.
fixChange to: import { storage } from 'reactant-storage'; Module not found: Can't resolve 'redux-persist' in '...'
Missing peer dependency redux-persist.
fixRun: npm install redux-persist
Warning: Each child in a list should have a unique "key" prop.
Using storage without persistConfig key.
fixEnsure persistConfig includes a key (e.g., key: 'root').
Audit
Dependencies
reactrequiredPeer dependency required for React runtime.
react-reduxrequiredPeer dependency required for Redux integration with React.
reactant-modulerequiredPeer dependency required for Reactant module system.
reduxrequiredPeer dependency required for Redux store.
redux-persistrequiredPeer dependency required for persistence functionality.