I am building a website that uses framer-motion for animation I have this image component <motion.img ref={scope} initial={{ x: -200 }} alt="pacman" className="absolute z-50" src="/pacman.gif" width={100} height={50} /> and here it is running a series of animation const [scope, animate]…
I have a plus icon on my tabnavigator component and i want that when user press that icon it display the Create component on the Home screen, What can be the best approach to make this possiblble? in react native?…
I have a button that I disabled via a boolean variable. The variable works on first load but when the variable is updated the disabled attribute stays. How do I update it so it gets removed? My current code is…
I have a delete user button on my user page (route: /users/) who call the delete user api's route. Then after this call, i execute a router.psuh('/users') to go back to my users list But my /users page is like…
I tried to access the dom to get the height of a specific element in react using useRef() hook, and assign the height of another element to it, so its height would change dynamically based on the height change of…
I'm currently working on a React application where I'm trying to integrate Swiper.js with Material-UI (MUI) cards to create a slideable carousel of app cards. However, I'm encountering an issue where only one card appears, and the navigation arrows are…
using next js 13.4 I have created an api folder inside app folder iside that api folder i created one more folder named proxy and inside it i created route.js . while i am on home page i fetched it…
I am using React and react-router. When I try to go to this route <Route path="/blogs/:id" element={<Blog/>} /> from the Blogs page the whole content of the Blog page content is blank and I have a lot of errors. App.jsx…
I have this application of a word bank for students and it can play the audio for the words coded like this: import { IconButton } from "@chakra-ui/button"; import { useEffect, useState } from "react"; import { HiSpeakerWave } from…
here the code index.js : import React from 'react'; import ReactDOM from 'react-dom'; import App from './App.js'; import GlobalStyle from './styles/GlobalStyle.js' import { GlobalProvider } from './context/globalContext.js'; ReactDOM.render( <React.Fragment> <GlobalStyle /> <GlobalProvider> <App /> </GlobalProvider> </React.Fragment>, document.getElementById('root') ); here a…