import * as Brands from '@/components/icons/brands' export async function Signup() { const provider = { name: 'Google', icon: Brands.Google, id: 'google' } return <provider.icon /> } This fails with a cryptic error message when I do a next build. import…
i need to simplify these lines of code of react, i see is a bit repetitive, but i dont know if theres any way to improve this Any idea will be received!!! useEffect(() => { document.addEventListener("scroll", () => { //…
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…
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…
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…
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 }>;…
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…
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…
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,…
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…