I have such a html project structure: <div id="root"> <div class="main-c container-fluid> </div> ... <div> My index.tsx: import './index.css'; const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement ); root.render( <React.StrictMode> <HashRouter> <App /> </HashRouter> </React.StrictMode> ); app: import "bootstrap/dist/css/bootstrap.min.css" function App()…
Follow is my content of index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> ); App.js1 import Button from '@mui/material/Button'; function App() { return <Button variant="contained">Button</Button> }…
Here is my code, I add a new text to the database and it works perfectly I can see it in my database, but when I want to update the display, despite I retrieve the new data from the database…
I want to make an api call whenever that screen is focused, in mobile application I have an idea that we can use useFocuseffect () but in web how can I implement this please let me know in web how…
I'm a beginner with react and I have this code: import {NavLink as Link} from 'react-router-dom' return ( <div> {posts.map((actualData, index) => ( <Link to={'/' + actualData.id}> <div className='format_link'> <div className='image_link'> <div className='image'> <img className='images' id={actualData.id} src={getImage(actualData.path, 0)} alt='Italian Trulli'…
I am working on a Next.js 13 project where I have a route named problems/[slug]. On the first level of this route (e.g., problems/react), I have a sidebar and a content section, which I am displaying using a layout.tsx. However,…
I am using a useEffect hook with two depencies as follows: useEffect(() => { ..... }, [apiData, currentMeasurements]); Note that, the apiData is obtained through useLazyQuery of apollo/client. Now upon save (say, saving or submission of form), two dependencies change…
Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'playVideo') Call Stack eval node_modules/react-youtube/node_modules/youtube-player/dist/index.js (65:0) new Promise exports.default node_modules/react-youtube/node_modules/youtube-player/dist/index.js (64:0) createPlayer node_modules/react-youtube/dist/YouTube.esm.js (170:41) https://upload.cc/i1/2023/02/26/daWAmu.png This error may occur when I click pagination to get the video or just load…
I have been trying to get the response from the server but it shows error. I'm using vs code for this program. When I check the "process.env.MONGO_URL" using console.log() ,it says undefined. (It worked untill yesterday) and when check the…
I run the dev but in console, there's an error saying "Check the render method of Products". This is my App. App.jsx I want Products to be shown but it doesn't appear. This is my Products. Product.jsx