I have a NavBar component that is fixed position, therefore taking it out of the normal page flow. The problem is that my page content is sitting under the navbar or right under it, I would like to add some…
I've built a React application utilizing ViteJS with TypeScript. I've built the project using tsc && vite build. I've then built the Docker image based on my Dockerfile: FROM node:18.12.0 COPY build /build RUN npm i -g serve CMD ["serve",…
I'm creating this custom text fade in component for a project of mine and ran into an issue. I create a list of the words by splitting the string and then map each word into it's own Typography (mui v4)…
i'm currently working on some kind of order system using react for the frontend(port 3000) and express(port 3001) for the backend. Everything works like a charm as long as i test it on the same macbook that runs the node…
Im trying to do a fetch request to an open API: https://www.tenderned.nl/papi/tenderned-rs-tns/v2/publicaties/298340/documenten, but when i try this, i get the following error that CORS is blocking my fetch: Ive already tried the following fixes found on the internet: Adding an…
I have two react apps, parent app and child app. and child app have an hash router. I have build the child app using npm run build, It creates build folder. That build folder moved into inside the public folder…
I am trying to upload my application to Plesk and it is working fine except when i try to render non .HTML page component for example it through error 404 page not found I understand this related to the server…
I am using React and useState to capture my HTML form's values. That seems to be working just fine. I have set default values for my user state so when I submit to the Express API on the backend it…
I have everything wrapped in a navigation container. The first 5 screens are set up as a bottom tab navigator. I want the settings screen as a separate screen where I click on a settings button in the profile screen.…
A horizontal line can be created simply by something like this: <hr style={{ width: "80%", border: "1px solid black" }} /> We can adjust the width, length etc. If I want to show an arrow pointing towards right direction instead…