I was creating Select component in React with Typescript. Here is the code: type GenericSelectProps = { values: (Book | Movie)[]; onChange: (value: Book | Movie) => void; }; export const GenericSelect = ({ values, onChange }: GenericSelectProps) => {…
In recent versions of nextjs, one can use the use client directive to tell nextjs to render the component "in the client", instead of on the server. Digging deeper into this, its a terrible name, because components that use use…
I'm setting up a web application using Nginx and Docker with a React frontend and a Rails backend API, all on a single domain. I want to serve the frontend directly from the root (example.com) and route API requests to…
I am creating a web application using react + vite and tailwindcss. I want to dockerize it. Here is my dockerfile: # Stage 1 FROM node:lts AS builder WORKDIR /app COPY . . RUN npm i -f && npm audit…
I keep getting a warning and an error as I am trying to make a basic dropdown using React MUI. I understand that the value cannot be undefined so I initialize state with a dummy object based on other questions…
i got a project has 3 users roles (parent - child - teacher) and each role has 2 different statues (booked - unbooked) that changes the UI and logic. Example:- the home header in the home page will be change…
I have a question concerning the display of a list in reactJS (with Next.JS). This is the usual way I display a list, using such code : theList.map((e:MyType) => <div key={e.orderNbr}> <DisplayOneListElement .... /> </div>) The list is then shown…
I use form to verify the email with emailjs, sending the email value to next.js API. In the API route.js I create and hash token, store it in database and make a confirmation link(so far the console.logs are giving my…
npx create-react-app myapp does not work, gives error "Unknown command: "install$1$1".
I'm trying to run a React server locally, I don´t need it to be public (as in open to the Internet public), just accessible in my LAN. The first step was to bring the server available for other devices in…