Resolve remaining lint errors

Author: aryaemami59

docs/virtual/petstore-api.generated/petstore-api.generated.ts

@@ -123,6 +123,7 @@ export const api = createApi({
     }),
   }),
 })
+type AnyNonNullishValue = NonNullable<unknown>
 export type UpdatePetApiResponse = /** status 200 Successful operation */ Pet
 export type UpdatePetApiArg = {
   /** Update an existent pet in the store */
@@ -174,10 +175,9 @@ export type UploadFileApiArg = {
   additionalMetadata?: string
   body: string
 }
-export type GetInventoryApiResponse = /** status 200 successful operation */ {
-  [key: string]: number
-}
-export type GetInventoryApiArg = {}
+export type GetInventoryApiResponse =
+  /** status 200 successful operation */ Record<string, number>
+export type GetInventoryApiArg = AnyNonNullishValue
 export type PlaceOrderApiResponse = /** status 200 successful operation */ Order
 export type PlaceOrderApiArg = {
   order: Order
@@ -211,7 +211,7 @@ export type LoginUserApiArg = {
   password?: string
 }
 export type LogoutUserApiResponse = unknown
-export type LogoutUserApiArg = {}
+export type LogoutUserApiArg = AnyNonNullishValue
 export type GetUserByNameApiResponse =
   /** status 200 successful operation */ User
 export type GetUserByNameApiArg = {

examples/action-listener/counter/src/components/App/App.tsx

@@ -1,12 +1,12 @@
+import type { Unsubscribe } from '@reduxjs/toolkit'
 import React, { useEffect } from 'react'
 import { Provider } from 'react-redux'
-import type { Unsubscribe } from '@reduxjs/toolkit'
-import { setupThemeListeners } from '../../services/theme/listeners'
 import { setupCounterListeners } from '../../services/counter/listeners'
+import { setupThemeListeners } from '../../services/theme/listeners'
+import { startAppListening, store } from '../../store'
 import { ChangeThemeForm } from '../ChangeThemeForm/ChangeThemeForm'
 import { CounterList } from '../CounterList/CounterList'
 import { CreateCounterForm } from '../CreateCounterForm/CreateCounterForm'
-import { store, startAppListening } from '../../store'
 
 export function App() {
   useEffect(() => {

examples/action-listener/counter/src/components/ChangeThemeForm/ChangeThemeForm.tsx

@@ -1,6 +1,7 @@
-import { FormEvent, ChangeEvent } from 'react'
+import type { ChangeEvent, FormEvent } from 'react'
+import type { ThemeState } from '../../services/theme/slice'
+import { themeActions } from '../../services/theme/slice'
 import { useAppDispatch, useAppSelector } from '../../store'
-import { themeActions, ThemeState } from '../../services/theme/slice'
 import styles from './changeThemeForm.module.css'
 
 function isChecked(theme: ThemeState): boolean {

examples/action-listener/counter/src/components/Counter/Counter.tsx

@@ -1,9 +1,9 @@
-import { EntityId } from '@reduxjs/toolkit'
+import type { EntityId } from '@reduxjs/toolkit'
+import clsx from 'clsx'
 import { memo } from 'react'
 import { counterActions, counterSelectors } from '../../services/counter/slice'
 import { useAppDispatch, useAppSelector } from '../../store'
 import styles from './counter.module.css'
-import clsx from 'clsx'
 
 export interface CounterProps {
   counterId: EntityId

examples/action-listener/counter/src/components/CreateCounterForm/CreateCounterForm.tsx

@@ -1,8 +1,9 @@
-import { FormEvent, useState } from 'react'
-import styles from './createCounter.module.css'
 import clsx from 'clsx'
-import { useAppDispatch } from '../../store'
+import type { FormEvent } from 'react'
+import { useState } from 'react'
 import { counterActions } from '../../services/counter/slice'
+import { useAppDispatch } from '../../store'
+import styles from './createCounter.module.css'
 
 const sectionClassname = clsx('paper', styles.section)
 

examples/action-listener/counter/src/services/counter/listeners.ts

@@ -1,12 +1,11 @@
-import { counterActions, counterSelectors } from './slice'
-import {
-  UnknownAction,
-  isAllOf,
-  isAnyOf,
+import type {
   PayloadAction,
+  UnknownAction,
   Unsubscribe,
 } from '@reduxjs/toolkit'
+import { isAllOf, isAnyOf } from '@reduxjs/toolkit'
 import type { AppListenerEffectAPI, AppStartListening } from '../../store'
+import { counterActions, counterSelectors } from './slice'
 
 function shouldStopAsyncTasksOf(id: string) {
   return isAllOf(

examples/action-listener/counter/src/services/counter/slice.ts

@@ -1,9 +1,5 @@
-import {
-  createSlice,
-  createEntityAdapter,
-  nanoid,
-  PayloadAction,
-} from '@reduxjs/toolkit'
+import type { PayloadAction } from '@reduxjs/toolkit'
+import { createEntityAdapter, createSlice, nanoid } from '@reduxjs/toolkit'
 
 export interface Counter {
   value: number
@@ -70,7 +66,9 @@ export const counterSlice = createSlice({
     updateByAsync(
       _,
       action: PayloadAction<{ id: string; delta: number; delayMs: number }>,
-    ) {},
+    ) {
+      /* No-Op */
+    },
     cancelAsyncUpdates(state, { payload }: PayloadAction<string>) {
       delete state.counters.entities[payload]?.intervalMs
     },

examples/action-listener/counter/src/services/counter/tests/listener.test.ts

@@ -1,7 +1,7 @@
 import { configureStore, createListenerMiddleware } from '@reduxjs/toolkit'
-import { setupCounterListeners } from '../listeners'
-import { counterSlice, counterActions, counterSelectors } from '../slice'
 import type { AppStartListening } from '../../../store'
+import { setupCounterListeners } from '../listeners'
+import { counterActions, counterSelectors, counterSlice } from '../slice'
 
 function delay(timerMs: number): Promise<number> {
   return new Promise((resolve) => {
@@ -12,7 +12,9 @@ function delay(timerMs: number): Promise<number> {
 jest.useRealTimers()
 
 describe('counter - listeners', () => {
-  const onMiddlewareError = jest.fn((): void => {}) // https://jestjs.io/docs/mock-function-api
+  const onMiddlewareError = jest.fn((): void => {
+    /* No-Op */
+  }) // https://jestjs.io/docs/mock-function-api
 
   /**
    * @see https://redux-toolkit.js.org/api/createListenerMiddleware

examples/action-listener/counter/src/services/theme/listeners.ts

@@ -1,6 +1,6 @@
-import { themeActions } from './slice'
+import type { Unsubscribe } from '@reduxjs/toolkit'
 import type { AppStartListening } from '../../store'
-import { Unsubscribe } from '@reduxjs/toolkit'
+import { themeActions } from './slice'
 
 function onChangeColorScheme(
   action: ReturnType<typeof themeActions.changeColorScheme>,

examples/action-listener/counter/src/store.ts

@@ -1,12 +1,15 @@
-import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
+import type {
+  ListenerEffectAPI,
+  TypedAddListener,
+  TypedStartListening,
+} from '@reduxjs/toolkit'
 import {
+  addListener,
   configureStore,
   createListenerMiddleware,
-  TypedStartListening,
-  TypedAddListener,
-  ListenerEffectAPI,
-  addListener,
 } from '@reduxjs/toolkit'
+import type { TypedUseSelectorHook } from 'react-redux'
+import { useDispatch, useSelector } from 'react-redux'
 import { counterSlice } from './services/counter/slice'
 import { themeSlice } from './services/theme/slice'
 

examples/query/react/authentication-with-extrareducers/src/App.tsx

@@ -1,9 +1,8 @@
-import { Routes, Route } from 'react-router-dom'
 import { Box, Center, VStack } from '@chakra-ui/react'
-
+import { Route, Routes } from 'react-router-dom'
 import { Login } from './features/auth/Login'
-import { PrivateOutlet } from './utils/PrivateOutlet'
 import { ProtectedComponent } from './features/auth/ProtectedComponent'
+import { PrivateOutlet } from './utils/PrivateOutlet'
 
 function Hooray() {
   return (

examples/query/react/authentication-with-extrareducers/src/app/services/auth.ts

@@ -1,5 +1,5 @@
 import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
-import { RootState } from '../store'
+import type { RootState } from '../store'
 
 export interface User {
   first_name: string

examples/query/react/authentication-with-extrareducers/src/features/auth/Login.tsx

@@ -1,21 +1,20 @@
-import * as React from 'react'
 import {
+  Box,
+  Button,
+  Center,
+  Divider,
   Input,
   InputGroup,
   InputRightElement,
   VStack,
-  Button,
-  Divider,
-  Center,
-  Box,
   useToast,
 } from '@chakra-ui/react'
-import { useNavigate } from 'react-router-dom'
+import * as React from 'react'
 import { useDispatch } from 'react-redux'
-
-import { ProtectedComponent } from './ProtectedComponent'
-import { useLoginMutation } from '../../app/services/auth'
+import { useNavigate } from 'react-router-dom'
 import type { LoginRequest } from '../../app/services/auth'
+import { useLoginMutation } from '../../app/services/auth'
+import { ProtectedComponent } from './ProtectedComponent'
 
 function PasswordInput({
   name,

examples/query/react/authentication-with-extrareducers/src/features/auth/ProtectedComponent.tsx

@@ -1,4 +1,4 @@
-import { Center, VStack, Box, Button } from '@chakra-ui/react'
+import { Box, Button, Center, VStack } from '@chakra-ui/react'
 import { useProtectedMutation } from '../../app/services/auth'
 
 export function ProtectedComponent() {

examples/query/react/authentication-with-extrareducers/src/features/auth/authSlice.tsx

@@ -1,5 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit'
-import { api, User } from '../../app/services/auth'
+import type { User } from '../../app/services/auth'
+import { api } from '../../app/services/auth'
 import type { RootState } from '../../app/store'
 
 type AuthState = {

examples/query/react/authentication-with-extrareducers/src/hooks/store.ts

@@ -1,4 +1,5 @@
-import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
+import type { TypedUseSelectorHook } from 'react-redux'
+import { useDispatch, useSelector } from 'react-redux'
 import type { AppDispatch, RootState } from '../app/store'
 
 export const useTypedSelector: TypedUseSelectorHook<RootState> = useSelector

examples/query/react/authentication/src/App.tsx

@@ -1,9 +1,8 @@
-import { Routes, Route } from 'react-router-dom'
 import { Box, Center, VStack } from '@chakra-ui/react'
-
+import { Route, Routes } from 'react-router-dom'
 import { Login } from './features/auth/Login'
-import { PrivateOutlet } from './utils/PrivateOutlet'
 import { ProtectedComponent } from './features/auth/ProtectedComponent'
+import { PrivateOutlet } from './utils/PrivateOutlet'
 
 function Hooray() {
   return (

examples/query/react/authentication/src/app/services/auth.ts

@@ -1,5 +1,5 @@
 import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
-import { RootState } from '../store'
+import type { RootState } from '../store'
 
 export interface User {
   first_name: string

examples/query/react/authentication/src/features/auth/Login.tsx

@@ -1,22 +1,21 @@
-import * as React from 'react'
 import {
+  Box,
+  Button,
+  Center,
+  Divider,
   Input,
   InputGroup,
   InputRightElement,
   VStack,
-  Button,
-  Divider,
-  Center,
-  Box,
   useToast,
 } from '@chakra-ui/react'
-import { useNavigate } from 'react-router-dom'
+import * as React from 'react'
 import { useDispatch } from 'react-redux'
+import { useNavigate } from 'react-router-dom'
+import type { LoginRequest } from '../../app/services/auth'
+import { useLoginMutation } from '../../app/services/auth'
 import { setCredentials } from './authSlice'
-
 import { ProtectedComponent } from './ProtectedComponent'
-import { useLoginMutation } from '../../app/services/auth'
-import type { LoginRequest } from '../../app/services/auth'
 
 function PasswordInput({
   name,

examples/query/react/authentication/src/features/auth/ProtectedComponent.tsx

@@ -1,4 +1,4 @@
-import { Center, VStack, Box, Button } from '@chakra-ui/react'
+import { Box, Button, Center, VStack } from '@chakra-ui/react'
 import { useProtectedMutation } from '../../app/services/auth'
 
 export function ProtectedComponent() {

examples/query/react/authentication/src/hooks/store.ts

@@ -1,4 +1,5 @@
-import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
+import type { TypedUseSelectorHook } from 'react-redux'
+import { useDispatch, useSelector } from 'react-redux'
 import type { AppDispatch, RootState } from '../app/store'
 
 export const useTypedSelector: TypedUseSelectorHook<RootState> = useSelector

examples/query/react/basic/src/test/test-utils.tsx

@@ -1,11 +1,11 @@
-import { render } from '@testing-library/react'
+import type { PreloadedState } from '@reduxjs/toolkit'
 import type { RenderOptions } from '@testing-library/react'
+import { render } from '@testing-library/react'
 import type React from 'react'
-import type { PropsWithChildren, JSX } from 'react'
+import type { JSX, PropsWithChildren } from 'react'
 import { Provider } from 'react-redux'
-import { setupStore } from '../store'
 import type { AppStore, RootState } from '../store'
-import type { PreloadedState } from '@reduxjs/toolkit'
+import { setupStore } from '../store'
 
 // This type interface extends the default options for render from RTL, as well
 // as allows the user to specify other things such as initialState, store. For
@@ -24,7 +24,7 @@ function renderWithProviders(
     ...renderOptions
   }: ExtendedRenderOptions = {},
 ) {
-  function Wrapper({ children }: PropsWithChildren<{}>): JSX.Element {
+  function Wrapper({ children }: PropsWithChildren): JSX.Element {
     return <Provider store={store}>{children}</Provider>
   }
   return { store, ...render(ui, { wrapper: Wrapper, ...renderOptions }) }

examples/query/react/conditional-fetching/src/App.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { Pokemon } from './Pokemon'
-import { PokemonName, POKEMON_NAMES } from './pokemon.data'
+import type { PokemonName } from './pokemon.data'
+import { POKEMON_NAMES } from './pokemon.data'
 import './styles.css'
 
 const getRandomPokemonName = () =>

examples/query/react/graphql-codegen/src/app/services/types.generated.ts

@@ -1,5 +1,5 @@
 export type Maybe<T> = T
-export type Exact<T extends { [key: string]: unknown }> = {
+export type Exact<T extends Record<string, unknown>> = {
   [K in keyof T]: T[K]
 }
 export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
@@ -30,9 +30,9 @@ export type Mutation = {
   __typename?: 'Mutation'
   createPost?: Maybe<Post>
   updatePost?: Maybe<Post>
-  updatePosts?: Maybe<Array<Maybe<Post>>>
+  updatePosts?: Maybe<Maybe<Post>[]>
   deletePost?: Maybe<Post>
-  deletePosts?: Maybe<Array<Maybe<Post>>>
+  deletePosts?: Maybe<Maybe<Post>[]>
 }
 
 export type MutationCreatePostArgs = {
@@ -94,7 +94,7 @@ export type PostQueryInput = {
 export type Query = {
   __typename?: 'Query'
   post?: Maybe<Post>
-  posts?: Maybe<Array<Maybe<Post>>>
+  posts?: Maybe<Maybe<Post>[]>
 }
 
 export type QueryPostArgs = {

examples/query/react/graphql-codegen/src/features/posts/PostsManager.tsx

@@ -1,12 +1,11 @@
-import * as React from 'react'
 import {
   Badge,
   Box,
   Button,
   Divider,
   Flex,
-  Heading,
   HStack,
+  Heading,
   Icon,
   List,
   ListIcon,
@@ -16,6 +15,7 @@ import {
   StatLabel,
   StatNumber,
 } from '@chakra-ui/react'
+import * as React from 'react'
 import { MdArrowBack, MdArrowForward, MdBook } from 'react-icons/md'
 import { useGetPostsQuery } from './GetPosts.generated'