Convert all interfaces to type aliases

- We do this because per #4467, `type` aliases are less prone to `TS4023` errors.

Author: aryaemami59

packages/toolkit/src/actionCreatorInvariantMiddleware.ts

@@ -2,7 +2,7 @@ import type { Middleware } from 'redux'
 import { isActionCreator as isRTKAction } from './createAction'
 import type { AnyFunction } from './tsHelpers'
 
-export interface ActionCreatorInvariantMiddlewareOptions {
+export type ActionCreatorInvariantMiddlewareOptions = {
   /**
    * The function to identify whether a value is an action creator.
    * The default checks for a function with a static type property and match method.

packages/toolkit/src/combineSlices.ts

@@ -10,7 +10,7 @@ import type {
 } from './tsHelpers'
 import { emplace } from './utils'
 
-interface SliceLike<ReducerPath extends string, State> {
+type SliceLike<ReducerPath extends string, State> = {
   reducerPath: ReducerPath
   reducer: Reducer<State>
 }
@@ -36,7 +36,7 @@ type ExistingSliceLike<DeclaredState> = {
   >
 }[keyof DeclaredState]
 
-export interface InjectConfig {
+export type InjectConfig = {
   /**
    * Allow replacing reducer with a different reference. Normally, an error will be thrown if a different reducer instance to the one already injected is used.
    */
@@ -46,10 +46,10 @@ export interface InjectConfig {
 /**
  * A reducer that allows for slices/reducers to be injected after initialisation.
  */
-export interface CombinedSliceReducer<
+export type CombinedSliceReducer<
   InitialState,
   DeclaredState = InitialState,
-> extends Reducer<DeclaredState, UnknownAction, Partial<DeclaredState>> {
+> = Reducer<DeclaredState, UnknownAction, Partial<DeclaredState>> & {
   /**
    * Provide a type for slices that will be injected lazily.
    *

packages/toolkit/src/configureStore.ts

@@ -39,13 +39,13 @@ const IS_PRODUCTION = process.env.NODE_ENV === 'production'
  *
  * @public
  */
-export interface ConfigureStoreOptions<
+export type ConfigureStoreOptions<
   S = any,
   A extends Action = UnknownAction,
   M extends Tuple<Middlewares<S>> = Tuple<Middlewares<S>>,
   E extends Tuple<Enhancers> = Tuple<Enhancers>,
   P = S,
-> {
+> = {
   /**
    * A single reducer function that will be used as the root reducer, or an
    * object of slice reducers that will be passed to `combineReducers()`.

packages/toolkit/src/createAction.ts

@@ -102,20 +102,19 @@ export type BaseActionCreator<P, T extends string, M = never, E = never> = {
  *
  * @public
  */
-export interface ActionCreatorWithPreparedPayload<
+export type ActionCreatorWithPreparedPayload<
   Args extends unknown[],
   P,
   T extends string = string,
   E = never,
   M = never,
-> extends BaseActionCreator<P, T, M, E> {
+> = BaseActionCreator<P, T, M, E> &
   /**
    * Calling this {@link redux#ActionCreator} with `Args` will return
    * an Action with a payload of type `P` and (depending on the `PrepareAction`
    * method used) a `meta`- and `error` property of types `M` and `E` respectively.
    */
-  (...args: Args): PayloadAction<P, T, M, E>
-}
+  ((...args: Args) => PayloadAction<P, T, M, E>)
 
 /**
  * An action creator of type `T` that takes an optional payload of type `P`.
@@ -124,15 +123,16 @@ export interface ActionCreatorWithPreparedPayload<
  *
  * @public
  */
-export interface ActionCreatorWithOptionalPayload<P, T extends string = string>
-  extends BaseActionCreator<P, T> {
+export type ActionCreatorWithOptionalPayload<
+  P,
+  T extends string = string,
+> = BaseActionCreator<P, T> &
   /**
    * Calling this {@link redux#ActionCreator} with an argument will
    * return a {@link PayloadAction} of type `T` with a payload of `P`.
    * Calling it without an argument will return a PayloadAction with a payload of `undefined`.
    */
-  (payload?: P): PayloadAction<P, T>
-}
+  ((payload?: P) => PayloadAction<P, T>)
 
 /**
  * An action creator of type `T` that takes no payload.
@@ -141,14 +141,13 @@ export interface ActionCreatorWithOptionalPayload<P, T extends string = string>
  *
  * @public
  */
-export interface ActionCreatorWithoutPayload<T extends string = string>
-  extends BaseActionCreator<undefined, T> {
-  /**
-   * Calling this {@link redux#ActionCreator} will
-   * return a {@link PayloadAction} of type `T` with a payload of `undefined`
-   */
-  (noArgument: void): PayloadAction<undefined, T>
-}
+export type ActionCreatorWithoutPayload<T extends string = string> =
+  BaseActionCreator<undefined, T> &
+    /**
+     * Calling this {@link redux#ActionCreator} will
+     * return a {@link PayloadAction} of type `T` with a payload of `undefined`
+     */
+    ((noArgument: void) => PayloadAction<undefined, T>)
 
 /**
  * An action creator of type `T` that requires a payload of type P.
@@ -157,14 +156,15 @@ export interface ActionCreatorWithoutPayload<T extends string = string>
  *
  * @public
  */
-export interface ActionCreatorWithPayload<P, T extends string = string>
-  extends BaseActionCreator<P, T> {
+export type ActionCreatorWithPayload<
+  P,
+  T extends string = string,
+> = BaseActionCreator<P, T> &
   /**
    * Calling this {@link redux#ActionCreator} with an argument will
    * return a {@link PayloadAction} of type `T` with a payload of `P`
    */
-  (payload: P): PayloadAction<P, T>
-}
+  ((payload: P) => PayloadAction<P, T>)
 
 /**
  * An action creator of type `T` whose `payload` type could not be inferred. Accepts everything as `payload`.
@@ -173,16 +173,14 @@ export interface ActionCreatorWithPayload<P, T extends string = string>
  *
  * @public
  */
-export interface ActionCreatorWithNonInferrablePayload<
-  T extends string = string,
-> extends BaseActionCreator<unknown, T> {
-  /**
-   * Calling this {@link redux#ActionCreator} with an argument will
-   * return a {@link PayloadAction} of type `T` with a payload
-   * of exactly the type of the argument.
-   */
-  <PT>(payload: PT): PayloadAction<PT, T>
-}
+export type ActionCreatorWithNonInferrablePayload<T extends string = string> =
+  BaseActionCreator<unknown, T> &
+    /**
+     * Calling this {@link redux#ActionCreator} with an argument will
+     * return a {@link PayloadAction} of type `T` with a payload
+     * of exactly the type of the argument.
+     */
+    (<PT>(payload: PT) => PayloadAction<PT, T>)
 
 /**
  * An action creator that produces actions with a `payload` attribute.

packages/toolkit/src/createAsyncThunk.ts

@@ -16,14 +16,14 @@ import type {
   SafePromise,
 } from './tsHelpers'
 
-export interface BaseThunkAPI<
+export type BaseThunkAPI<
   S,
   E,
   D extends Dispatch = Dispatch,
   RejectedValue = unknown,
   RejectedMeta = unknown,
   FulfilledMeta = unknown,
-> {
+> = {
   dispatch: D
   getState: () => S
   extra: E
@@ -51,7 +51,7 @@ export interface BaseThunkAPI<
 /**
  * @public
  */
-export interface SerializedError {
+export type SerializedError = {
   name?: string
   message?: string
   stack?: string
@@ -110,7 +110,7 @@ export const miniSerializeError = (value: any): SerializedError => {
   return { message: String(value) }
 }
 
-export interface AsyncThunkConfig {
+export type AsyncThunkConfig = {
   state?: unknown
   dispatch?: ThunkDispatch<unknown, unknown, UnknownAction>
   extra?: unknown
@@ -441,7 +441,7 @@ export type OverrideThunkApiConfigs<OldConfig, NewConfig> = Id<
   NewConfig & Omit<OldConfig, keyof NewConfig>
 >
 
-interface CreateAsyncThunk<CurriedThunkApiConfig extends AsyncThunkConfig> {
+type CreateAsyncThunk<CurriedThunkApiConfig extends AsyncThunkConfig> = {
   /**
    *
    * @param typePrefix
@@ -710,7 +710,7 @@ export const createAsyncThunk = /* @__PURE__ */ (() => {
   return createAsyncThunk as CreateAsyncThunk<AsyncThunkConfig>
 })()
 
-interface UnwrappableAction {
+type UnwrappableAction = {
   payload: any
   meta?: any
   error?: any

packages/toolkit/src/createReducer.ts

@@ -16,7 +16,7 @@ import { freezeDraftable } from './utils'
  */
 export type Actions<T extends keyof any = string> = Record<T, Action>
 
-export interface ActionMatcherDescription<S, A extends Action> {
+export type ActionMatcherDescription<S, A extends Action> = {
   matcher: TypeGuard<A>
   reducer: CaseReducer<S, NoInfer<A>>
 }

packages/toolkit/src/createSlice.ts

@@ -53,6 +53,7 @@ type InjectIntoConfig<NewReducerPath extends string> = InjectConfig & {
  *
  * @public
  */
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
 export interface Slice<
   State = any,
   CaseReducers extends SliceCaseReducers<State> = SliceCaseReducers<State>,
@@ -189,13 +190,13 @@ type InjectedSlice<
  *
  * @public
  */
-export interface CreateSliceOptions<
+export type CreateSliceOptions<
   State = any,
   CR extends SliceCaseReducers<State> = SliceCaseReducers<State>,
   Name extends string = string,
   ReducerPath extends string = Name,
   Selectors extends SliceSelectors<State> = SliceSelectors<State>,
-> {
+> = {
   /**
    * The slice's name. Used to namespace the generated action types.
    */
@@ -290,16 +291,16 @@ export type CaseReducerDefinition<
  *
  * @public
  */
-export interface CaseReducerWithPrepare<State, Action extends PayloadAction> {
+export type CaseReducerWithPrepare<State, Action extends PayloadAction> = {
   reducer: CaseReducer<State, Action>
   prepare: PrepareAction<Action['payload']>
 }
 
-export interface CaseReducerWithPrepareDefinition<
+export type CaseReducerWithPrepareDefinition<
   State,
   Action extends PayloadAction,
-> extends CaseReducerWithPrepare<State, Action>,
-    ReducerDefinition<ReducerType.reducerWithPrepare> {}
+> = CaseReducerWithPrepare<State, Action> &
+  ReducerDefinition<ReducerType.reducerWithPrepare>
 
 type AsyncThunkSliceReducerConfig<
   State,
@@ -347,11 +348,11 @@ type PreventCircular<ThunkApiConfig> = {
     : ThunkApiConfig[K]
 }
 
-interface AsyncThunkCreator<
+type AsyncThunkCreator<
   State,
   CurriedThunkApiConfig extends
     PreventCircular<AsyncThunkConfig> = PreventCircular<AsyncThunkConfig>,
-> {
+> = {
   <Returned, ThunkArg = void>(
     payloadCreator: AsyncThunkPayloadCreator<
       Returned,
@@ -395,7 +396,7 @@ interface AsyncThunkCreator<
   >
 }
 
-export interface ReducerCreators<State> {
+export type ReducerCreators<State> = {
   reducer(
     caseReducer: CaseReducer<State, PayloadAction>,
   ): CaseReducerDefinition<State, PayloadAction>
@@ -578,7 +579,7 @@ function getType(slice: string, actionKey: string): string {
   return `${slice}/${actionKey}`
 }
 
-interface BuildCreateSliceConfig {
+type BuildCreateSliceConfig = {
   creators?: {
     asyncThunk?: typeof asyncThunkCreator
   }
@@ -860,7 +861,7 @@ function wrapSelector<State, NewState, S extends Selector<State>>(
  */
 export const createSlice = /* @__PURE__ */ buildCreateSlice()
 
-interface ReducerHandlingContext<State> {
+type ReducerHandlingContext<State> = {
   sliceCaseReducersByName: Record<
     string,
     | CaseReducer<State, any>
@@ -874,7 +875,7 @@ interface ReducerHandlingContext<State> {
   actionCreators: Record<string, AnyFunction>
 }
 
-interface ReducerHandlingContextMethods<State> {
+type ReducerHandlingContextMethods<State> = {
   /**
    * Adds a case reducer to handle a single action type.
    * @param actionCreator - Either a plain action type string, or an action creator generated by [`createAction`](./createAction) that can be used to determine the action type.
@@ -946,7 +947,7 @@ interface ReducerHandlingContextMethods<State> {
   ): ReducerHandlingContextMethods<State>
 }
 
-interface ReducerDetails {
+type ReducerDetails = {
   /** The key the reducer was defined under */
   reducerName: string
   /** The predefined action type, i.e. `${slice.name}/${reducerName}` */

packages/toolkit/src/devtoolsExtension.ts

@@ -5,7 +5,7 @@ import type { AnyFunction, EmptyObject } from './tsHelpers'
 /**
  * @public
  */
-export interface DevToolsEnhancerOptions {
+export type DevToolsEnhancerOptions = {
   /**
    * the instance name to be showed on the monitor page. Default value is `document.title`.
    * If not specified and there's no document title, it will consist of `tabId` and `instanceId`.
@@ -209,7 +209,7 @@ export interface DevToolsEnhancerOptions {
 
 type Compose = typeof compose
 
-interface ComposeWithDevTools {
+type ComposeWithDevTools = {
   (options: DevToolsEnhancerOptions): Compose
   <StoreExt extends EmptyObject>(
     ...funcs: Array<StoreEnhancer<StoreExt>>

packages/toolkit/src/dynamicMiddleware/react/index.ts

@@ -21,10 +21,10 @@ export type UseDispatchWithMiddlewareHook<
   DispatchType extends Dispatch<UnknownAction> = Dispatch<UnknownAction>,
 > = () => TSHelpersExtractDispatchExtensions<Middlewares> & DispatchType
 
-export interface CreateDispatchWithMiddlewareHook<
+export type CreateDispatchWithMiddlewareHook<
   State = any,
   DispatchType extends Dispatch<UnknownAction> = Dispatch<UnknownAction>,
-> {
+> = {
   <
     Middlewares extends [
       Middleware<any, State, DispatchType>,

packages/toolkit/src/dynamicMiddleware/tests/index.test-d.ts

@@ -6,6 +6,7 @@ import { createDynamicMiddleware } from '../index'
 
 const untypedInstance = createDynamicMiddleware()
 
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
 interface AppDispatch extends ThunkDispatch<number, undefined, UnknownAction> {
   (n: 1): 1
 }