I have a component with tabs say TabA and TabB. Each of them has a table who's data changes depending on which tab the user is at. Now to get this functionality there are two approaches to it. Either i…
I have a project that contains several interfaces, and among these interfaces, there is an interface for displaying a set of statistics. And the data for each chart is obtained through the API for each chart, And I want to…
I want to call an api and get some data in useEffect const Input = () => { const data = useRef({}) const fetchData = async () => { const res = await fetch('api here') const json = await res.json()…
I´m getting the error that setAnimals is not a function. I controlled every prop but i can´t find the mistake Form code: export default function AddAnimalForm({setAnimals, animals}) { const [submitMessage, setSubmitMessage] = useState(false); const [showDetails, setShowDetails] = useState(false); const {…
I am using Lingui for translation from English to Arabic. I am using an array of objects to display my content. The issue I have is that the Arabic translation for the mapped array is not showing. The codes are…
I've created two custom hooks usePagination and useSearch. These handle the logic for paging and searching and only expose getters/setters for the current page and search query. Here's how I would use them in my list component: const List =…
I need to make business section in react project using Tailwind css so if this section is popular the background must color changes,so I need to make background color is dynamic in this line <div className{`flex flex-col p-6 mx-auto max-w-lg…
I have a React component which is pulling an API from an express url, /profile/:id. I am receiving the data correctly via the API. Additionally, the logging in the browser supports that the state of data and urls is set…
I have below request and exported this json body. export const settingsReq = { "states": [ { "initial": false, "style": "plain", "elements": [ { "type": "question", "visible": true, "detail": { "required": false, "extra": { "spam_filter_on": true }, "style": "textarea", "tenant":…
Sorry if this seems really obvious, but I've been trying to figure out for two days now. I'm writing a simple unit test in vitest that renders a component to screen and then calling screen.debug(). The test is describe('Login unit…