fix(type): removing any in dispatch and RootState interface

apps/console/src/app/app.tsx

@@ -35,8 +35,8 @@ function RedirectOverview() {
 
   useEffect(() => {
     async function fetchProjects() {
-      const projects = organizationId && (await getProjects(organizationId))
-      if (projects.payload.length > 0) {
+      const projects: any = organizationId && (await getProjects(organizationId))
+      if (projects?.payload.length > 0) {
         window.location.href = OVERVIEW_URL(organizationId, projects.payload[0].id)
       }
     }

apps/console/src/main.tsx

@@ -20,7 +20,7 @@ posthog.init(environment.posthog, {
   api_host: environment.posthog_apihost,
 })
 
-const onRedirectCallback = (appState: AppState) => {
+const onRedirectCallback = (appState: AppState | undefined) => {
   // use the router's history module to replace the url
   history.replace(appState?.returnTo || window.location.pathname)
 }

libs/domains/application/src/lib/provider/application-provider.tsx

@@ -1,9 +1,10 @@
 import { useCallback } from 'react'
 import { useDispatch } from 'react-redux'
 import { fetchApplication } from '../slices/applications.slice'
+import { AppDispatch } from '@console/store/data'
 
 export function useApplication() {
-  const dispatch = useDispatch()
+  const dispatch = useDispatch<AppDispatch>()
 
   const getApplication = useCallback(
     async (applicationId: string) => dispatch(fetchApplication({ applicationId })),

libs/domains/application/src/lib/provider/applications-provider.tsx

@@ -6,9 +6,10 @@ import {
   removeOneApplication,
   selectAllApplications,
 } from '../slices/applications.slice'
+import { AppDispatch } from '@console/store/data'
 
 export function useApplications() {
-  const dispatch = useDispatch<any>()
+  const dispatch = useDispatch<AppDispatch>()
   const applications = useSelector(selectAllApplications)
 
   const removeApplication = useCallback(

libs/domains/application/src/lib/slices/applications.slice.ts

@@ -17,7 +17,8 @@ import {
   Status,
 } from 'qovery-typescript-axios'
 import { addOneToManyRelation, getEntitiesByIds, removeOneToManyRelation } from '@console/shared/utils'
-import { ApplicationEntity, ApplicationsState, LoadingStatus, RootState } from '@console/shared/interfaces'
+import { ApplicationEntity, ApplicationsState, LoadingStatus } from '@console/shared/interfaces'
+import { RootState } from '@console/store/data'
 
 export const APPLICATIONS_FEATURE_KEY = 'applications'
 

libs/domains/environment/src/lib/slices/environments.slice.ts

@@ -6,9 +6,10 @@ import {
   PayloadAction,
   Update,
 } from '@reduxjs/toolkit'
-import { EnvironmentEntity, EnvironmentsState, RootState } from '@console/shared/interfaces'
+import { EnvironmentEntity, EnvironmentsState } from '@console/shared/interfaces'
 import { Environment, EnvironmentsApi, Status } from 'qovery-typescript-axios'
 import { addOneToManyRelation, getEntitiesByIds } from '@console/shared/utils'
+import { RootState } from '@console/store/data'
 
 export const ENVIRONMENTS_FEATURE_KEY = 'environments'
 

libs/domains/organization/src/lib/provider/organization-provider.tsx

@@ -8,10 +8,11 @@ import {
   selectAllOrganization,
   selectOrganizationLoadingStatus,
 } from '../slices/organization.slice'
+import { AppDispatch } from '@console/store/data'
 
 export function useOrganization() {
   const { getAccessTokenSilently } = useAuth()
-  const dispatch = useDispatch<any>()
+  const dispatch = useDispatch<AppDispatch>()
   const organization = useSelector(selectAllOrganization)
   const loadingStatus = useSelector(selectOrganizationLoadingStatus)
 

libs/domains/organization/src/lib/slices/organization.slice.ts

@@ -1,6 +1,7 @@
 import { createAsyncThunk, createEntityAdapter, createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit'
 import { Organization, OrganizationMainCallsApi, OrganizationRequest } from 'qovery-typescript-axios'
-import { OrganizationState, RootState } from '@console/shared/interfaces'
+import { OrganizationState } from '@console/shared/interfaces'
+import { RootState } from '@console/store/data'
 
 export const ORGANIZATION_KEY = 'organization'
 

libs/domains/projects/src/lib/provider/environments-provider.ts

@@ -5,9 +5,10 @@ import {
   fetchEnvironmentsStatus,
   selectAllEnvironments,
 } from 'libs/domains/environment/src/lib/slices/environments.slice'
+import { AppDispatch } from '@console/store/data'
 
 export function useEnvironments() {
-  const dispatch = useDispatch<any>()
+  const dispatch = useDispatch<AppDispatch>()
   const environments = useSelector(selectAllEnvironments)
 
   const getEnvironments = useCallback(

libs/domains/projects/src/lib/provider/projects-provider.tsx

@@ -2,9 +2,10 @@ import { useCallback } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { ProjectRequest } from 'qovery-typescript-axios'
 import { fetchProjects, postProject, selectAllProjects } from '../slices/projects.slice'
+import { AppDispatch } from '@console/store/data'
 
 export function useProjects() {
-  const dispatch = useDispatch<any>()
+  const dispatch = useDispatch<AppDispatch>()
   const projects = useSelector(selectAllProjects)
 
   const getProjects = useCallback(

libs/domains/projects/src/lib/slices/projects.slice.ts

@@ -1,7 +1,8 @@
 import { createAsyncThunk, createEntityAdapter, createSelector, createSlice, PayloadAction } from '@reduxjs/toolkit'
 import { Project, ProjectRequest, ProjectsApi } from 'qovery-typescript-axios'
-import { ProjectsState, RootState } from '@console/shared/interfaces'
+import { ProjectsState } from '@console/shared/interfaces'
 import { addOneToManyRelation, getEntitiesByIds } from '@console/shared/utils'
+import { RootState } from '@console/store/data'
 
 export const PROJECTS_FEATURE_KEY = 'projects'
 

libs/domains/user/src/lib/provider/user-provider.tsx

@@ -1,17 +1,18 @@
 import posthog from 'posthog-js'
 import { useCallback } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
-import { selectUser } from '../slices/user.slice'
 import {
   fetchUserSignUp,
-  selectUserSignUp,
   postUserSignUp,
   selectUserLoadingStatus,
+  selectUserSignUp,
 } from '../slices/user-sign-up.slice'
 import { SignUpRequest } from 'qovery-typescript-axios'
+import { AppDispatch } from '@console/store/data'
+import { selectUser } from '../slices'
 
 export function useUser() {
-  const dispatch = useDispatch<any>()
+  const dispatch = useDispatch<AppDispatch>()
   const user = useSelector(selectUser)
   const userSignUp = useSelector(selectUserSignUp)
   const loadingStatus = useSelector(selectUserLoadingStatus)

libs/domains/user/src/lib/slices/user.slice.ts

@@ -1,6 +1,6 @@
 import { createSelector, createSlice } from '@reduxjs/toolkit'
 import { UserInterface } from '../interfaces'
-import { RootState } from '@console/shared/interfaces'
+import { RootState } from '@console/store/data'
 
 export const USER_KEY = 'user'
 

libs/pages/application/feature/src/lib/application-page.tsx

@@ -10,10 +10,11 @@ import {
 import { Route, Routes, useParams } from 'react-router'
 import { useDispatch, useSelector } from 'react-redux'
 import { selectEnvironmentById } from '@console/domains/environment'
-import { ApplicationEntity, LoadingStatus, RootState } from '@console/shared/interfaces'
+import { ApplicationEntity, LoadingStatus } from '@console/shared/interfaces'
 import { Environment } from 'qovery-typescript-axios'
 import { useEffect } from 'react'
 import { ROUTER_APPLICATION } from './router/router'
+import { AppDispatch, RootState } from '@console/store/data'
 
 export function ApplicationPage() {
   useDocumentTitle('Application - Qovery')
@@ -27,7 +28,7 @@ export function ApplicationPage() {
 
   const loadingStatus = useSelector<RootState, LoadingStatus>((state) => applicationsLoadingStatus(state))
 
-  const dispatch = useDispatch()
+  const dispatch = useDispatch<AppDispatch>()
 
   useEffect(() => {
     if (applicationId && loadingStatus === 'loaded') {

libs/pages/application/feature/src/lib/components/general/general.tsx

@@ -8,7 +8,8 @@ import {
   getApplicationsState,
   getCountNewCommitsToDeploy,
 } from '@console/domains/application'
-import { ApplicationEntity, LoadingStatus, RootState } from '@console/shared/interfaces'
+import { ApplicationEntity, LoadingStatus } from '@console/shared/interfaces'
+import { RootState } from '@console/store/data'
 
 export function General() {
   const { applicationId = '' } = useParams()

libs/pages/applications/feature/src/lib/applications-page.tsx

@@ -4,9 +4,9 @@ import { Route, Routes, useParams } from 'react-router'
 import { selectApplicationsEntitiesByEnvId } from '@console/domains/application'
 import { useSelector } from 'react-redux'
 import { selectEnvironmentById } from '@console/domains/environment'
-import { RootState } from '@console/shared/interfaces'
 import { Application, Environment } from 'qovery-typescript-axios'
 import { ROUTER_APPLICATIONS } from './router/router'
+import { RootState } from '@console/store/data'
 
 export function ApplicationsPage() {
   useDocumentTitle('Applications - Qovery')

libs/pages/applications/feature/src/lib/components/general/general.tsx

@@ -1,14 +1,13 @@
 import {
   applicationFactoryMock,
-  applications,
   applicationsLoadingStatus,
   selectApplicationsEntitiesByEnvId,
 } from '@console/domains/application'
 import { GeneralPage } from '@console/pages/applications/ui'
-import { RootState } from '@console/shared/interfaces'
 import { Application } from 'qovery-typescript-axios'
 import { useSelector } from 'react-redux'
 import { useParams } from 'react-router'
+import { RootState } from '@console/store/data'
 
 export function General() {
   const { environmentId = '' } = useParams()

libs/pages/environments/feature/src/lib/components/general/general.tsx

@@ -6,17 +6,16 @@ import {
   environmentsLoadingStatus,
   selectEnvironmentsEntitiesByProjectId,
 } from '@console/domains/environment'
-import { RootState } from '@console/shared/interfaces'
 import { Environment } from 'qovery-typescript-axios'
-import { useState } from 'react'
+import { RootState } from '@console/store/data'
 
 export function General() {
   const { projectId = '' } = useParams()
   const loadingEnvironments = environmentFactoryMock(3).map((env) => {
     delete env.status
     return env
   })
-  const loadingStatus = useSelector<RootState>((state) => environmentsLoadingStatus(state))
+  const loadingStatus = useSelector(environmentsLoadingStatus)
   const environments = useSelector<RootState, Environment[]>((state) =>
     selectEnvironmentsEntitiesByProjectId(state, projectId)
   )

libs/pages/login/feature/src/lib/login.tsx

@@ -1,9 +1,10 @@
 import { useEffect } from 'react'
 import { useNavigate } from 'react-router'
 import { LayoutLogin, Login } from '@console/pages/login/ui'
-import { ONBOARDING_URL, useAuth, useDocumentTitle, AuthEnum, OVERVIEW_URL } from '@console/shared/utils'
+import { AuthEnum, OVERVIEW_URL, useAuth, useDocumentTitle } from '@console/shared/utils'
 import { useOrganization } from '@console/domains/organization'
 import { useProjects } from '@console/domains/projects'
+
 // import posthog from 'posthog-js'
 
 export function LoginPage() {
@@ -23,12 +24,12 @@ export function LoginPage() {
     const isOnboarding = process.env?.['NX_ONBOARDING'] === 'true'
 
     async function fetchData() {
-      const organization = await getOrganization()
+      const organization: any = await getOrganization()
       await createAuthCookies()
 
       if (organization.payload.length > 0) {
         const organizationId = organization.payload[0].id
-        const projects = await getProjects(organizationId)
+        const projects: any = await getProjects(organizationId)
         if (projects.payload.length > 0) navigate(OVERVIEW_URL(organizationId, projects.payload[0].id))
       }
       // if (isOnboarding && organization.payload.length === 0) {

libs/pages/onboarding/feature/src/lib/components/onboarding-more/onboarding-more.tsx

@@ -53,7 +53,7 @@ export function OnboardingMore() {
 
       updateUserSignUp({ ...userSignUp, ...data })
 
-      const user = await getUserSignUp()
+      const user: any = await getUserSignUp()
 
       if (user.payload.dx_auth) {
         navigate(`${ONBOARDING_URL}${ONBOARDING_PROJECT_URL}`)

libs/pages/onboarding/feature/src/lib/components/onboarding-pricing/onboarding-pricing.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useContext } from 'react'
+import { useContext, useEffect, useState } from 'react'
 import { useNavigate } from 'react-router'
 import { useIntercom } from 'react-use-intercom'
 import { StepPricing } from '@console/pages/onboarding/ui'
@@ -17,7 +17,7 @@ import {
 } from '@console/shared/utils'
 import { useProjects } from '@console/domains/projects'
 import { ContextOnboarding } from '../container/container'
-import { PlanEnum } from 'qovery-typescript-axios'
+import { Organization, PlanEnum } from 'qovery-typescript-axios'
 
 function listPrice(base: number, isBusinessPlan?: boolean) {
   const results: OrganizationPrice[] = []
@@ -132,10 +132,10 @@ export function OnboardingPricing() {
   const onSubmit = async () => {
     setLoading(true)
 
-    const organization = await createOrganization({
+    const organization: Organization = (await createOrganization({
       name: organization_name,
       plan: selectPlan,
-    })
+    })) as Organization
 
     if (organization) {
       const project = await createProject(organization.id, {

libs/shared/interfaces/src/index.ts

@@ -1,6 +1,5 @@
 export * from './lib/common/value.interface'
 export * from './lib/states/user-sign-up.interface'
-export * from './lib/states/root.interface'
 export * from './lib/states/environments.interface'
 export * from './lib/states/projects.interface'
 export * from './lib/states/organizations.interface'

libs/shared/layout/src/lib/layout.tsx

@@ -8,8 +8,8 @@ import { LayoutPage } from '@console/shared/ui'
 import { useAuth } from '@console/shared/utils'
 import { useSelector } from 'react-redux'
 import { selectEnvironmentsEntitiesByProjectId } from '@console/domains/environment'
-import { RootState } from '@console/shared/interfaces'
 import { Application, Environment, Project } from 'qovery-typescript-axios'
+import { RootState } from '@console/store/data'
 
 export interface LayoutProps {
   children: React.ReactElement

libs/store/data/src/lib/root.ts

@@ -4,7 +4,6 @@ import { initialProjectsState, projects } from '@console/domains/projects'
 import { initialUserSignUpState, initialUserState, user, userSignUp } from '@console/domains/user'
 import { applications, initialApplicationsState } from '@console/domains/application'
 import { environments, initialEnvironmentsState } from '@console/domains/environment'
-import { RootState } from '@console/shared/interfaces'
 
 export const uiReducer = combineReducers({
   user: user,
@@ -23,6 +22,8 @@ export const store = configureStore({
   reducer: rootReducer,
 })
 
+// Infer the `RootState` and `AppDispatch` types from the store itself
+export type RootState = ReturnType<typeof store.getState>
 export type AppDispatch = typeof store.dispatch
 
 export const initialRootState = (): RootState => ({