Typescript Redux Store bypassing Singleton pattern for testing React Container Components.

store.ts

import { configureStore } from '@reduxjs/toolkit';
import user from './user';

export default function getStore() {
  return configureStore({
    reducer: {
      user,
    },
  });
}

export type RootState = ReturnType<ReturnType<typeof getStore>['getState']>;
export type AppDispatch = ReturnType<typeof getStore>['dispatch'];

testHelpers.ts

import { ReactNode } from 'react';
import { render } from '@testing-library/react';
import '@testing-library/jest-dom/extend-expect';
import { Provider } from 'react-redux';
import getStore, { AppDispatch } from './redux/store';

export default function renderWithProvider(
  children: ReactNode,
  ...varargs: Parameters<AppDispatch>[0][]
) {
  const store = getStore();
  for (const arg of varargs) {
    store.dispatch(arg);
  }
  return render(<Provider store={store}>{children}</Provider>);
}