I have a case here, which is to make a remember me function when logging in. So, yesterday I got an online repo on codesandbox which contains reactjs component remember me. Then I want to convert it into react hooks.…
I have a div inside a div, my first div is a square, inside this frame I have a h2 tag, my frame works fine on mobile and browser, but when I shrink my h2 tag it stays outside the…
I have a config route : const routers = { home: '/', category: '/category/:slug', } and an array : array = [ { id: 1, slug: 'table'}, { id: 2, slug: 'chair'}, ] I use array.map() to generate a list…
I have an array of incomes that I display in a table. There's a "+" button to add a new income. I want to increment database and redux store with a dispatch. Increment database works fine, but I have to…
I was trying to implement a customized material UI element. Here is how I was trying to increase the size of the icon. Here is my style code: export const Icon = styled(Box)({ color: "gray", position: "relative", "& .css-i4bv87-MuiSvgIcon-root": {…
I have not found any solution for avoid repeat media query for all styled components. I have a grid layout and i want to rearrange when display screen changes It's very ugly to same media query repeated for any styled…
I have a login component, a verification component and a userSlice file which has createAsyncThunk. userSlice.js: export const loginUser = createAsyncThunk( 'users/login', async ({ email, password }, thunkAPI) => { try { const response = await fetch( 'my_url', { method:…
I've been getting "Cannot update during state transition" errors on my AutoComplete component, and after some searching around I found that it was because of my renderInput code. I try to read the input during renderInput, but I can't edit…
I want to pass data between next js pages , large amount of user filled data including image . How can I achieve that? I tried to look for nextjs docs but I couldn't find any solution
useEffect(() => { const getCategory = () => { allcategory().then((res) => { if (res.data.error) { console.log("error"); setValues({ ...values, message: res.data.error }); } else { setValues({ ...values, categories: res.data.category, formData: new FormData(), }) } }) } const getPublisher = () =>…