Context Provider in Layout Component for nested routes in a solid start App is undefined

I have a nested route routes/user/[id]
under routes/ folder, I have created a user.tsx file with following code.
As per expectation the component is acting as a layout for routes/user/[id], but when I try to access the
context using useContext(AppContext), the context is undefined.

    <ProjectContext.Provider value={{ state, setState }}>
      <Toolbar />
      <main class="flex flex-row text-center mx-auto text-gray-700  h-[90vh] w-full">
        {C()}
      </main>
    </ProjectContext.Provider>


//child route 
const [state, setState] = useContext(AppContext) as AppContextType;

    <ProjectContext.Provider value={{ state, setState }}>
      <Toolbar />
      <main class="flex flex-row text-center mx-auto text-gray-700  h-[90vh] w-full">
        {C()}
      </main>
    </ProjectContext.Provider>


//child route 
const [state, setState] = useContext(AppContext) as AppContextType;

SolidJS•2y ago•

7 replies

mandev7724

Context Provider in Layout Component for nested routes in a solid start App is undefined

    <ProjectContext.Provider value={{ state, setState }}>
      <Toolbar />
      <main class="flex flex-row text-center mx-auto text-gray-700  h-[90vh] w-full">
        {C()}
      </main>
    </ProjectContext.Provider>


//child route 
const [state, setState] = useContext(AppContext) as AppContextType;

    <ProjectContext.Provider value={{ state, setState }}>
      <Toolbar />
      <main class="flex flex-row text-center mx-auto text-gray-700  h-[90vh] w-full">
        {C()}
      </main>
    </ProjectContext.Provider>


//child route 
const [state, setState] = useContext(AppContext) as AppContextType;

Context Provider in Layout Component for nested routes in a solid start App is undefined

Similar Threads

Context Provider in Layout Component for nested routes in a solid start App is undefined

Similar Threads

Similar Threads

Similar Threads