Typescript issue with Setup With Nextjs Guide

[bllakcn]

I want to code along with the official guide on Setup With Nextjs page.
When i get to the part where we create the provider for the context:

...
export const CounterStoreProvider = ({
  children,
}: CounterStoreProviderProps) => {
  const storeRef = useRef<StoreApi<CounterStore>>()
  if (!storeRef.current) {
    storeRef.current = createCounterStore()
  }

  return (
    <CounterStoreContext.Provider value={storeRef.current}>
      {children}
    </CounterStoreContext.Provider>
  )
}
...

i get the following ts and eslint errors:

Cannot find namespace 'AuthStoreContext'.

Parsing error: '>' expected.eslint
type AuthStoreContext.Provider = /*unresolved*/ any

Operator '>' cannot be applied to types '{ storeRef: MutableRefObject<StoreApi<AuthStore> | undefined>; "": any; }' and '{ children: ReactNode; }'.ts(2365)
Operator '<' cannot be applied to types 'boolean' and 'RegExp'.ts(2365)

This is the case when i export this function as it is shown in the docs. I tried to move this to another client component (which is in this case the providers.tsx) the errors vanished. I could not understand what was causing it. Is there anyone that had the same issue?

[dbritto-dev]

@bllakcn would you mind creating a minimal repro on stackblitz? I would be happy to help