How to pass dispatch with context to child components

passingDispatch.ts

// Une valeur globale de contexte permet de passer à un composant enfant une valeur
// définie dans un composant plus haut, sans avoir à passer par toutes les props des
// composants intermédiaires
export const CreationDispatch = React.createContext<Dispatch<CreationAction>>(
  null!
);

// Dans le composant parent, on instancie dispatch et on le passe dans
// dans la valeur de contexte
function parentComponent() {
    const [creationState, dispatch] = useReducer(reducer, initialCreationState);
    return (
        <DispatchContext.Provider value={dispatch}>
            //...
            <Import ... >
            //...
        </DispatchContext.Provider>
    );
}

// Dans le composant enfant, on récupère dispatch dans la valeur globale de contexte
function Import() {
    const dispatch = useContext(CreationDispatch);
    //...
    dispatch({ type: "loadDesign", design });
    //...
}