I am building a project using next14.2.4 and mui5.15.20. Here are the parts of code I am getting problem at. theme.js "use client"; import { createTheme } from "@mui/material"; import { createContext, useMemo, useState } from "react"; //use different color…
I've created simple context and custom hook to use it and i want to pass callback function through this hook. Is it even possible? Bear in mind its not the actual code, it's just supersimple representation of an idea. I…
I am very new to React JS and Firebase. I tried to https://medium.com/ topic "Building a Firebase Authentication and Private Route System in a React App" After modifying the code and trial and error. I'm stuck in AuthProvider.js. Everytime, I…
So in React, the rules of hooks says that hooks cannot be called outside of functional components. My predicament: I need to initialize state in my createContext using a hook for the SchedulesProvider. The state is a dynamic date, like…
I am coding a FlyoutManager from which I can toggle every flyout menus in react app. I am trying to set the property to close when clicking outside. I found on another stackoverflow question that my clicking-outside function is triggered…
I create a React Context like: context.ts file import { createContext } from "react"; const Context = createContext({ error: "", setError: () => {}, }); export default Context; I get a child component which need to set a value into…
I want to maintain the filter values, which are key value pairs in a global context to support app wide state. const createFilterContext = (defaultFilters: FilterState = {}) => { const FilterContext = React.createContext<FilterContextType | undefined>(undefined); const FilterProvider: React.FC<{ children:…
I am following a course to learn how to implement a login system. While creating the AuthProvider to test the context functionality, I changed the default value of isAuthenticated in the useState to "true". However, when using it in the…
I am learning React so please excuse if the question is too naive. I am currently learning about createContext and useContext. My lecture mentioned that unnecessary re-renders can happen if the state of context changes. So I started wondering if…
I have a problem with asynchronous states on React I use context to determine whether the admin is authenticated and has the right to access a page with a state called isAuth interface UserContext { setToken: (token:string) => void; getToken:…