I have a component that receives a raw text and some extended information. It enhances the text with this information and returns an array of text snippets and enhanced Components. Initially, I created a function to do the transformation and…
The errors - App.jsx import React, { useEffect, Suspense, Fragment } from "react"; import { useSelector } from "react-redux"; import { createBrowserRouter, RouterProvider } from "react-router-dom"; import RootLayout from "./pages/Root"; import FullPageScroll from "./UI/FullPageScroll"; import NestedFullPageScroll from "./UI/NestedFullPageScroll"; import HeroArea…
I am using bootstrap 5 with react in my project. I did not install it but using cdn links to use bootstrap element in the dom. I am using bootstrap modal to update data. After the update I want to…
I'm fetching a list of objects. Using map function should display a list but there wasn't. I checked if it was saved to 'useState' via console.log(posts), and yes there was a list of objects. My only problem is I cant…
I am trying to create a dynamic modal with React and MaterialUI. Currently adding them like this: // Confirm.js import { WarningAmber } from '@mui/icons-material' import { LoadingButton } from '@mui/lab' import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle }…
I am for looping an HTMLCollection with the goal of updating the style of every p tag. My problem is that I get Invalid left-hand side in assignment expression and I don't know why. var getp = document.getElementsByClassName(currentUser[0]?.username) for (let…
App.js :- function App() { return ( <div className="App"> <header className="App-header"> <div className="bg-slate-700 w-100 flex flex-col justify-center h-full"> <h1 className="font-bold text-white text-center justify-center "> User Authentication </h1> <form className="flex flex-col p-6 m-8 space-y-2 rounded-md bg-white "> <div className="text-cyan-500 text-center ">…
My index.js is.. import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; ReactDOM.render(<App />, document.querySelector("#root")); My App.js is ... import React from "react"; import { BrowserRouter as Router,Routes, Route } from "react-router-dom"; import Join from "./components/Join"; import…
I'm building a React App, I'm using Babel and Webpack as module bundler. While writing the index.js the Application started sending me an error about the dom that is not defined, but actually I've imported the "react-dom" library as the…
I use react-router-dom in my react application like this: import {BrowserRouter, Route, Routes} from "react-router-dom"; // other code... ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( <BrowserRouter> <Routes> <Route path="equipe" element={<Equipe/>}/> <Route path="equipe/:id" element={<Equipe/>}/> {/*other route...*/} </Routes> </BrowserRouter> ); I specify that by launching my…