Does React help me with local events that are not related with the state? Consider the following HTML example. <p id="func_123">it is me</p> <p><span onmouseover="document.getElementById('func_123').style.color='orange'")> There </span> you are.</p> I try to do this in React. But I don't want…
I wanted to know if this method is optimal or not. Because I did not find any documentation about it. example a server action to get the current user information actions/whoami.ts "use server"; import { auth, prisma } from "@/lib/auth";…
I am going to test the components below through the jest and react test library. I want to test if the API is called normally when I press the button, So I made the API calling part mock. However, this…
I am working on a react app using keycloak authentication.I have implemented it successfully via reactkeycloakprovider. My issue is after successful authentication when I click on any of the navigation menu links for protected pages or even the dashboard page…
I have a theme switch toggle on the top AppBar which is a client component. The main layout is SSR and uses the nextjs App router. It has theme settings <ThemeProvider theme={lightOrDarkTheme}>. Prior to App router/SSR I was able to…
Promice is rewriting value of hook, i tried to get more values to my posts, but promise keep replacing value of hook with value of data const loadNewProducts = async() =>{ while(posts.length<15){ await fetch (`http{loadLimit[0]}&limit=${loadLimit[1]}&sort=title%3Aasc`) .then((res) => res.json()) .then((data) =>…
Hello I am currently trying to get React library. Node.js is installed on my computer currently. When I enter the code npx create-react-app project-name to get react, it doesn't work. I get the following: C:UsersPaul>npx create-react-app my-app npm ERR! code…
I am creating a general chat application with react, and am stuck while trying to authenticate a user. The axios post request raises a 500 error that I cannot track anywhere. When I put in correct authentication for a user,…
I'm using React-Router with a custom ScrollToTop component to reset the scroll position to the top of the page on navigation. However, I have a specific use case where I need the scroll position to stay the same when clicking…
I need to submit the form with react hook form with zod validation. But in my condition, the submit button was outside of the form tag. So I used the id form method. ( please sudjust any other method as…