元素指的是一个值，但在这里被用作类型

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?

Answer 1

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.