Docker compose watch is not updating my files
My container's are basically dead. I have a vite React frontend and I am trying to update the script tag for my main.jsx to the correct path and it's still showing as what it was hours ago and i've made…
Reactjs – Adding useEffect dependencies breaks code
I have a component that works as a time picker. Also I use MUI tabs to allow user choose between the whole day range and a range that user inputs. So user can enter desired time like from 14:00 to…
Javascript – Input field loses focus when I type
I am building a React application that uses an input field to allow users to type a recipe title, then, when they submit the form, the recipe should be added to a RecipeList. At the moment, my code isn't working…
Reactjs – How to fix Next.js 15 dynamic route prerender error
I have a dynamic route without use cache narrative. // /search/[query]/page.tsx import { Suspense } from "react"; import SearchQuery from "@/components/Search/Query"; import { Skeleton } from "@/components/ui/skeleton"; export default async function SearchPage({ params, }: { params: Promise<{ query: string }>;…
Javascript – API request is made when copy button is clicked
I have this React template page: import Button from '@mui/material/Button'; import { useNavigate, useParams } from 'react-router-dom'; import Box from '@mui/material/Box'; import Divider from '@mui/material/Divider'; import Typography from '@mui/material/Typography'; import FuseSvgIcon from '@fuse/core/FuseSvgIcon'; import format from 'date-fns/format'; // eslint-disable-next-line import/order…
My reference to an image in reactJs + vite doesnt work
I have this page called topbar.jsx: import image from 'https://konachan.net/images/konachan_net_sm_std.png' const topbar = () => { return ( <div className="topbar"> <div className="banner"> <img src={image} /> </div> </div> ); } export default topbar; I want to insert an image from a…
Reactjs – Is it possible to iterate over an Iterator?
I tried with React to iterate through an Iterator with some manipulations and I have found one myself with the wrapper useReducer, but I would like to know if it exists a simpler solution than this one : function reducer(state,…
Reactjs – How Can I Avoid Calls to js.arcgis.com From My Javascript pp
I'm building a JavaScript app with the ArcGis JavaScript SDK. We have a requirement that the app should run on prem without external dependencies. How can I use the SDK without it making calls to js.arcgis.com? here is my package.json…
Javascript – React Swiper does not rendering slides when passing slides via children prop
I am trying to build a carousel using swiper, I am trying to pass the SwiperSlide as children of the Swiper in this case it does not render the slides in the browser here is how I tried: MyCarousel.tsx: import…
Reactjs – setInterval's console log does not reflect updated states in react
"use client" import React, { useEffect } from 'react' import { useState } from 'react'; export default function page() { const [count, setCount] = useState(0); const handleClick = () => { setCount((count)=>count + 1); }; function checkVal(){ console.log(count) } useEffect(()=>{…