title: element refers to a value, but is being used as a type here
body: <p>I have the following code:</p>
  
  <pre><code>export const StateContext = createContext({});
  const StoreProvider: any = StateContext.Provider;
  export const StateProvider = ({ reducer, initialState, children }: any) =&gt; (
    &lt;StoreProvider value={useReducer(reducer: any, initialState: any)}&gt;
      {children}
    &lt;/StoreProvider&gt;
  );
  </code></pre>
  
  <p>but TypeScript is throwing an error <code>'StoreProvider' refers to a value, but is being used as a type here.</code> - why? I assume its seeing it as a generic, but how to make it see as is needed?</p>