React Context: Child component nested in Provider not able to fire dispatch function

Question

I am following this great tut by Kent C. Dodds regarding usage React Context.

Example:

import * as React from \'react\'
const CountStateContext = React