I try to style mui Dialog but it doesnt acceppt className even inside PaperProps. Inline styles are working but I would like to import styles from styling sheet called Styles <Styles> <div> {dialogOpen ? ( <Dialog className="dialog" onClose={() => setDialogOpen(false)}…
I am trying to write a simple dice game in React, which randomizes the order of players before play begins. I am trying to use a function for shuffling arrays which has worked in a vanilla JavaScript version of the…
I have a component called categories.js which will be called in App.js, there is a useEffect in categories.js as the following useEffect(() => { const fetchCategories = async () => { console.log('fetchCategories'); try { const response = await apiClient.get('/category/group'); console.log(response.data.data);…
I stumbled upon an example of resetting state in the React docs: https://react.dev/learn/preserving-and-resetting-state#option-1-rendering-a-component-in-different-positions I simplified my understanding of it into different sandboxes, and I can't reconcile (pun not intended) what I see. All of them feature the same implementation of…
I can't catch an error in my React app. I have a Context and in the Provider I have the following function const signIn = async (data: string) => { try { const res = await axios.post(`url`, { data })…
const [item, setItem] = useState("") const [itemList, setItemList] = useState([]) const [actualItem, setActualItem] = useState([]) function addItem(){ setItemList([...itemList , item]) setActualItem([...itemList , item]) setItem("") } function filterVal(e){ const filteredArr = itemList.filter((item)=> item.includes(e.target.value)) if (filteredArr.length !== 0 && e.target.value.length > 3)…
I have the following in a react native application: export default function MyScreen() { const componentRefs = useRef([]); return ( <View > {myArray.map( (wc, index) => ( <MyObject key={index} ref={el => componentRefs.current[index] = el} index={index} // other props /> )…
I am displaying the properties(recipe title, image url) of objects from a state. These objects are from mongodb. I have written below my current code flow. Create empty array state variable called initialRecipes via const [initialRecipes, setRecipes] = useState([]); Load…
I'm trying to set an Array of objects (users) as state in my Next app using context. Here is the code: import React, { Dispatch, SetStateAction, createContext, useState, useEffect, } from "react"; type Props = { children: JSX.Element; }; type…
I'm facing an issue in my Angular application where I'm getting the following error message: javascript Copy code ERROR TypeError: Cannot read properties of undefined (reading 'name') This error occurs in my app.component.html file, specifically in the template section where…