What I want to achieve here is, whenever a user logs in, I want to store the data returned because the data holds an ID that I would use to fetch data in other routes. When a user successfully logs…
I have 2 react applications, one of which is served on example.com and it works fine. Now I am working on a second application and I need it to be served on example.com/app. I am using nginx as ingress. Note:…
I'm student studying of react. While working on the project, I had a question. {pages.map((page, idx) => ( <li key={page.page_id} id={`${idx + 1}`} css={CSSCarouselItem}> <Photo onClick={() => console.log('click!')}/> <p css={CSSPageContent}>{page.text}</p> ........ </li> ))} and Photo components interface PhotoProps { .....…
import Card from 'react-bootstrap/Card'; import Button from 'react-bootstrap/Button'; import {collection, getDocs, doc} from "firebase/firestore" import {db} from "../firebaseConfig/firebase" import React, { useState, useEffect } from "react"; const Cards = () => { const [products, setProducts] = useState([]); const productsCollection =…
I have followed this tutorial and I think I have done everything as required however I still have this warning: Unhandled promise rejection: Error: Actions must be plain objects. Instead, the actual type was: 'Promise'. You may need to add…
I'm using a custom CategoryFilter for my categories AgGrid: const columnDefs = [ { field: 'categoryId', headerName: t('category', { ns: 'common' }), cellRendererSelector: (params: ICellRendererParams<IProduct>) => ({ component: CategoryColumn, params: { ...params, defaultLanguage } }), filter: CategoryFilter, floatingFilterComponentParams: { suppressFilterButton:…
I have an array of objects like so: const [categories, setCategories] = React.useState([ { id: 1, title: 'Top Picks', subTitle: "Today's hottest stuff", images: [], searchQuery: 'shoes', }, ...]); Which I update with values in useEffect once like so: React.useEffect(()…
I try to insert a string into a particular index of object if condition is true inside a forloop but its not inserting of some reason. I tried to use push and append and splice but splice just inserting entire…
I am facing issues while using the react-native-vision-camera package for a small camera app. I encountered an error while building the app on Android which says "The Android Gradle plugin supports only kotlin-android-extensions Gradle plugin version 1.6.20 and higher.The following…
This is my main App component: const router = createBrowserRouter([ { element: <Root />, children: [ { path: "/", element: <Users /> }, { path: "/users", element: <Users /> }, { path: "/places", element: <Places /> }, ], }, ]);…