What is the correct way to use typescript(interfaces) with MobX?

Question

typescript

There are 2 components, parent and child.
The child is connected to the mobx store.

interface IProps {
  exercisesStore: {
    isExercisesLoading: boolean;
    exercises: IExercise[];
    addExercise: (exercise: IExercise) => void;
    updateExercise: (exercise: IExercise) => void;
  };  
}

const ChildComponent: FC<IProps> = inject('exercisesStore')(
  observer(({ exercisesStore }) => {  
 // ...
}));
export default ChildComponent;

When I use it like this in the parent, tslint shows me an error, they say

const ParentComponent: FC = ( ) => {  
   // ...
  <ChildComponent />
}
export default ParentComponent;

The question is - am I somehow using interfaces with MobX incorrectly or is the tslint configured incorrectly?

Answer 1

The issue is resolved, one of the workarounds should be written like this:

exercisesStore?: {
    ...
  };

And then in the code, use the store with this syntax, telling the TC that there is definitely a store:
... exercisesStore!.exercises ...