All solutions

One of the difficult challenges I encountered was using the *Next.js library route interceptors. Trying to dismount the route intercepted was only to use router.back() which became a challenge because I was using react server action where i redirect to the invoice dashboard after a form submission was successful.

Since the router cannot be used in a server component the only way to dismount the interceptor was to use it in a client component which is when the submit button is clicked. This was a challenge because I send error messages using useFormState(), hence the create invoice page redirect sometimes before error messages are sent from the server.

Your feedbacks are welcomed on possible ways to fix this when using *NextJS route interceptors.

This is my first full stack application using the MERN Stack. My main challenge was user authentication using JWT as I was a bit confused in trying to get the generated user token in the frontend of the app.

Moreover, one of the major challenge i encountered was using the reducer function. In trying to Update the initial state, the state return an "undefined value" which a big blow for me hence I had to use the useState instead.

I will be much happy if any can assist me regarding the best use scenario for reducer function.

How can I change the color of and svg on hover?