Next.js 14 Tutorial - 25 - Recovering from Errors

[@RichardGeorge-z8e]

If I use generateMetada for asnyc title, I cannot "use client" on page.jsx. How to resolve this? Very nice tutorial

[@himanshurawat3934]

my question is in order to do reset we are moving server side page to client side which will affect seo so how to do the same without doing page.tsx file to useclient
so that we get server sdie benefits also and this error.tsx reset benefit also.

[@iamifechi]

I have this same question

[@iamifechi]

You actually dont need to make your page a client component.
I had to create a reload function with startTransition and router.refresh as
const reload = () => {
startTransition(() => {
router.refresh();
reset && reset();
});
};
to use in place of the reset()

[@finalphoenixable]

am i the only one having the problem that the reset ist not working as is should in the example it will rerender the body but never reset the value from the const random so the error stays forever until browser refresh?

[@finalphoenixable]

fixed it myself i missed the step to setup "use client" on page.tsx aswell

[@2u841r]

Great

[@chesterxp508]

GoodJob!

[@ndnow12]

Why does the void function reset refresh the component to try again?

[@h_A_m_za]

it is a inbuilt function to handle error, it re renders the component with error and if the content loaded successfully, error is gone

[@rishiraj2548]

🙏👍

[@RichardGeorge-z8e]

Very nice explanation Sir. if on this page.tsx, I use async operation to get dynamic title. I have export generateMetadata, I cannot "use client" due to handle error! how to resolve this?

[@ww2bishop]

You don't need to do "use client"; on the page to ensure recovery.

[@tolbydamit]

I couldn't get mine to work until I added "use client" to the page.tsx file.
onClick must run in the browser.

[@tolbydamit]

This is not true. I couldn't get mine to work at all without the ''use client."

[@bashirabdelwahed]

I had to write "use client" to make it work as tolbydamit mentionned to make it work