element refers to a value, but is being used as a type here

Question

I have the following code:

export const StateContext = createContext({});
const StoreProvider: any = StateContext.Provider;
export const StateProvider = ({ reducer, initialState, children }: any) => (
  <StoreProvider value={useReducer(reducer: any, initialState: any)}>
    {children}
  </StoreProvider>
);

but TypeScript is throwing an error 'StoreProvider' refers to a value, but is being used as a type here. - why? I assume its seeing it as a generic, but how to make it see as is needed?

I believe this will help: useReducer((reducer as any), (initialState as any)) — Viktor Zagoruyko
Does this answer your question? "Navbar refers to a value, but is being used as a type here" when trying to render a shallow copy of my component when testing — Michael Freidgeim

Koichi MIYAMOTO Koichi MIYAMOTO · Accepted Answer · 2019-12-30T06:00:07

I got the same error on my project and solve the problem. Maybe your filename extension is ts, not tsx. If you are using Parcel or so on, the compiler considers that the file doesn't use React.

element refers to a value, but is being used as a type here

1 Answers