react-redux-typescript-guide | complete guide to static typing | Frontend Framework library

I'm using typesafe-actions and would like to create a root reducer that will allow me to handle global actions like LOGGED_OUT, in order to clear state. Like in the answer to this question.

I've tried a few things but I keep losing the type safety that typesafe-actions provides, and the reducer reverts to an any type.

I have a pretty vanilla type safe actions setup. I haven't posted the permutation solutions of implicit typing that I've tried, because I don't think it will add any clarity to the question.

The closest to a solution being found I could find was in this thread. The maintainer of type safe actions himself posted a response and mentioned that he already had a solution, though from that point on there were no links or references provided.

Any help would be great.

For the record, I can get this to functionally work following the pattern as per the Stack overflow question I posted, however the types are broken.

Is it possible to define the return type of the createSelector function in Redux's Reselect?

I couldn't figure this out from the official docs: https://github.com/reduxjs/reselect#q-are-there-typescript-typings

This cheatsheet also doesn't seem to provide this: https://github.com/piotrwitek/react-redux-typescript-guide#selectors-with-reselect

I am trying to learn how to use React with Redux in a Typescript environment. I am using the patterns suggested at react-redux-typescript playground. However, I am receiving the following error when trying to build the code listed below:

'courses' is missing in props validation

'courses.map' is missing in props validation

Has anyone else experienced this type of error? Is it a linting error from eslint plugin:react/recommended?

I am also struggling to understand the process of initialising the default state from the redux store when retrieving data from an API using redux-observable. I have store, epics, reducers, actions etc. configured as suggested by patterns from the react-redux-typescript playground. These are configured for fetching a list of courses from an API using a redux-observable. Subsequently, I have three actions and reducers defined: 1. FETCH_COURSES_ERROR 2. FETCH_COURSES_REQUEST 3. FETCH_COURSES_SUCCESS

How do I then trigger my CourseList container to start the process of fetching and rendering list of courses. Is it good practice to have the redux store fetch the initial state for list of courses ( FETCH_COURSES_REQUEST -> FETCH_COURSES_SUCCESS || FETCH_COURSES_REQUEST -> FETCH_COURSES_ERROR. In short I do not understand how to connect/trigger the epic to the CourseList container....

Epic Middleware initialised and run in store module....

Very hard to find information since I don't know what this is called and can only tell what it's doing from context. It's used on this example at the bottom.

https://github.com/piotrwitek/react-redux-typescript-guide#typing-reducer

I'm trying to follow piotrwitek's redux-typescript-guide. when I'm writing redux actions for my view container. For some reason, it stops because setCarRegNr is not found, even though it's imported.

Any idea why this fails?