How to use context appropriately?

[Hermestech]

I'm trying to implement context as in React, but when I pass it through the app, I get this error:
An error occured during route handling or page rendering. ReferenceError: React is not defined

My code looks like this:

import { createContext } from 'preact'
import type { ComponentChildren } from 'preact'
import { useEffect, useState, useMemo, useContext } from 'preact/hooks'

export const AppContext = createContext(null)

type AppContextProviderProps = {
    children: ComponentChildren 
}

export const AppContextProvider = ({ children }: AppContextProviderProps) => {
    const [isLoading, setIsLoading] = useState<boolean>(true)
    const [currentTypeUser, setCurrentTypeUser] = useState<string>('hola hermes')

    useEffect(() => {
        
      }, []);
    
      const values = useMemo(
        () => ({
          isLoading,
          setIsLoading,
          currentTypeUser,
          setCurrentTypeUser
        }),
        [
            isLoading,
            setIsLoading,
            currentTypeUser,
            setCurrentTypeUser
        ]
      );
    
      return (
        <AppContext.Provider value={values}>{children}</AppContext.Provider>
      );
}

export function useAppContext() {
    const context = useContext(AppContext)

    if(!context){
        console.error('Error deploying App context!')
    }
    return context
}

export default useAppContext

_app.tsx file looks like:

/** @jsx h */
/** @jsxFrag Fragment */
import { Fragment, h } from "preact";
import { AppProps } from "$fresh/server.ts"
import { AppContextProvider } from '../context/Context.tsx'

export default function App({ Component }: AppProps){
    return (
        <>
        <AppContextProvider>
        <Component />
        </AppContextProvider>
        </>
    )
}

which could be the right way to solve this?

[xstevenyung]

What version of Fresh are you using ?
Can you also share your deno.json?

[xyntechx]

If you were using Fresh v1.0.x, it's likely that the error is because of the use of React fragments (<>...</>). I remember seeing that error message while building a website using those versions of Fresh, so I think you might be facing the same issue. The solution is to update Fresh to v1.1.x where fragments now work!