Fix hydration error in Button component

[izaz-ahamed-mallick]

The error in the console

From the screenshots, the error seems related to a hydration mismatch (as mentioned in the error message). This happens when the content rendered by the server does not match the content rendered by the client, which can lead to issues with React components that are conditionally rendered based on client-specific conditions like window.

Code Before Changes

The code before your changes might have had some discrepancies between what was server-rendered and client-rendered,.

Code After Changes

In the code after your change, you introduced the isLoading state with the useEffect hook to sync the loading state with the loading prop. This ensures that the button content (loadingText or children) is rendered consistently both on the server and the client.

Not Show any hydration error