I'm making a React site similar to todolist. My todolist has navigation and different pages under its theme. Each page has a separate todolist of its own. That is, the page with the theme “General” has all the usual shuffles.…
I am using Tooltip component from MUI in my customized TooltipComponent. TooltipComponent works similar to Dialog: user can see some content pop up after clicking (not hovering) on element (div with a text "CLICK" in my case). This content pop…
I am trying to make a toogle sidebar using useState but insidee className I can't implement js code and tailwind together, I can only add js codes or my tailwind codes as you can see in my codes when I…
Is Nextjs Link SEO-friendly? Or how should I use it in a SEO friendly way? I have a bunch of Links in my landing page, and each Link routes to a different page on my website, so it's like <Link…
const [formData, setFormdata] = useState({}); path = "abc" // path is a string passed as prop useEffect(() => { // console.log('Table component rendered'); if (formData[path] === undefined) { serviceProvider( ctx, uischemaData, { event: { _reactName: "onLoad" }, path, ...uischemaData.additionalData, }…
failed to load config from C:UsersZNDocumentsdipishReactvite-projectvite.config.js ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Unhandled Error ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@vitejs/plugin-react' imported from C:UsersZNDocumentsdipishReactvite-projectvite.config.js.timestamp-1715929813872-04c514ff1ad7e.mjs at packageResolve (node:internal/modules/esm/resolve:853:9) at moduleResolve (node:internal/modules/esm/resolve:910:20) at defaultResolve (node:internal/modules/esm/resolve:1130:11) at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12) at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25) at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38) at ModuleWrap. (node:internal/modules/esm/module_job:85:39)…
I have a simple site which loads property-related data from a Danish national data provider, SDFI. I am having issues passing down the right values from a mother component to a sub component. My code looks like this: My main…
I want to create a flexible modal wrapper where I can put interactive components within. In this case, I want to put an input into the modal that would affect the overall state of the form. The form: const [formInfo,…
export default function Journal() { const myImg = new Image() myImg.src = "src/images/my_japan_trip.jpg" const journal = { title: "My Japan trip", image: myImg.src, text: "I went to Japan last winter." } return ( <div id="journal"> <div> <h2> {journal.title} </h2> </div>…
in NextJs I want to create a component that displays a form, and fill this form by values from database. the problem is that client component doesn't support aync/await and server components doesn't support neither useFormState() nor event handlers async…