Typescript + createTransform

[jayesbe]

When using createTransform, something happens with the types such that any selectors i've created cannot no longer detect the types defined for the State

ie, this works

const persistConfig = {
    key: "root",
    storage,
};

this however, does not

const persistConfig = {
    key: "root",
    storage,
    transforms: [ routesTransform ],
};

Typescript immediately starts complaining

the routesTransform looks like this

export const routesTransform = createTransform(
  (inboundState: RouterState) => {
    return inboundState;
  },
  (outboundState: RouterState) => {
    return outboundState;
  },
  { whitelist: ['routerState'] }
);

There is no actual transform occurring.. why is typescript complaining ?

[jayesbe]

Fixed as per https://github.com/rt2zz/redux-persist/issues/1140#issuecomment-1034172681

Only change I had to make was one line

const persistedReducer = persistReducer(persistConfig, rootReducer);

to

const persistedReducer = persistReducer(persistConfig, rootReducer) as typeof rootReducer;