Fix types

webapp/src/api.ts

@@ -77,7 +77,7 @@ string | FetchArgs,
 unknown,
 FetchBaseQueryError
 > = async (args, api, extraOptions) => {
-  const baseUrl = getPluginServerRoute(api.getState())
+  const baseUrl = getPluginServerRoute(api.getState() as any)
   const adjustedArgs =
     typeof args === 'string' ? {
       url: joinUrl(baseUrl, args),

webapp/src/components/push_reflection/push_reflection_modal.tsx

@@ -5,16 +5,18 @@ import {useDispatch, useSelector} from 'react-redux'
 
 import {getPost} from 'mattermost-redux/selectors/entities/posts'
 
+import {GlobalState} from 'mattermost-redux/types/store'
+
 import {useCreateReflectionMutation, useGetActiveMeetingsQuery} from '../../api'
 import {closePushPostAsReflection} from '../../reducers'
 import {getAssetsUrl, getPostURL, pushPostAsReflection} from '../../selectors'
 
-const PostUtils = window.PostUtils
+const PostUtils = (window as any).PostUtils
 
 const PushReflectionModal = () => {
   const postId = useSelector(pushPostAsReflection)
-  const post = useSelector((state) => getPost(state, postId))
-  const postUrl = useSelector((state) => getPostURL(state, postId))
+  const post = useSelector((state: GlobalState) => getPost(state, postId!))
+  const postUrl = useSelector((state: GlobalState) => getPostURL(state, postId!))
 
   const {data, isLoading, refetch} = useGetActiveMeetingsQuery()
   useEffect(() => {

webapp/src/index.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import {Store, AnyAction} from 'redux'
 
-import {GlobalState} from '@mattermost/types/lib/store'
-
 import {setupListeners} from '@reduxjs/toolkit/query'
 
+import {GlobalState} from 'mattermost-redux/types/store'
+
 import manifest from '@/manifest'
 
 import {PluginRegistry} from '@/types/mattermost-webapp'

webapp/src/reducers.ts

@@ -1,4 +1,4 @@
-import {createSlice, PayloadAction} from '@reduxjs/toolkit'
+import {AnyAction, createSlice, PayloadAction} from '@reduxjs/toolkit'
 
 import {api} from './api'
 
@@ -31,7 +31,9 @@ export const {
   closePushPostAsReflection,
 } = localSlice.actions
 
-const rootReducer = (state, action) => {
+export type PluginState = ReturnType<typeof localSlice.reducer> & ReturnType<typeof api.reducer>
+
+const rootReducer = (state: PluginState, action: AnyAction) => {
   const apiState = api.reducer(state, action)
   const localState = localSlice.reducer(state, action)
   return {

webapp/src/selectors.ts

@@ -1,33 +1,37 @@
 import {getConfig} from 'mattermost-redux/selectors/entities/general'
 import {getCurrentTeam} from 'mattermost-redux/selectors/entities/teams'
 
+import {GlobalState} from 'mattermost-redux/types/store'
+
 import manifest from '@/manifest'
 
+import {PluginState} from './reducers'
+
 const {id} = manifest
 
-export const getSiteURL = (state) => {
+export const getSiteURL = (state: GlobalState) => {
   const config = getConfig(state)
   return config?.SiteURL ?? ''
 }
 
-export const getCurrentTeamURL = (state) => {
+export const getCurrentTeamURL = (state: GlobalState) => {
   const siteURL = getSiteURL(state)
   const team = getCurrentTeam(state)
   return `${siteURL}/${team?.name ?? ''}`
 }
 
-export const getPostURL = (state, postId) => {
+export const getPostURL = (state: GlobalState, postId: string) => {
   const teamURL = getCurrentTeamURL(state)
   return `${teamURL}/pl/${postId}`
 }
 
-export const getPluginRoot = (state) => {
+export const getPluginRoot = (state: GlobalState) => {
   const config = getConfig(state)
   const siteURL = config?.SiteURL ?? ''
   return `${siteURL}/plugins/${id}`
 }
 
-export const getPluginServerRoute = (state) => {
+export const getPluginServerRoute = (state: GlobalState) => {
   let basePath = ''
   const config = getConfig(state)
   const siteURL = config?.SiteURL ?? ''
@@ -42,17 +46,15 @@ export const getPluginServerRoute = (state) => {
   return `${basePath}/plugins/${id}`
 }
 
-export const getAssetsUrl = (state) => {
+export const getAssetsUrl = (state: GlobalState) => {
   const siteURL = getPluginRoot(state)
   return `${siteURL}/public`
 }
 
-export const getPluginState = (state) => state[`plugins-${id}`] ?? {}
-
-export const meetingTemplates = (state) => getPluginState(state).meetingTemplates
+export const getPluginState = (state: GlobalState) => ((state as any)[`plugins-${id}`] ?? {}) as PluginState
 
-export const isStartActivityModalVisible = (state) => getPluginState(state).isStartActivityModalVisible
+export const isStartActivityModalVisible = (state: GlobalState) => getPluginState(state).isStartActivityModalVisible
 
-export const pushPostAsReflection = (state) => getPluginState(state).pushPostAsReflection
+export const pushPostAsReflection = (state: GlobalState) => getPluginState(state).pushPostAsReflection
 
 //export const get