fixes hydration issue and typos in method names

[Koushith]

Description

• [x] Fixes the variable name typos in all the examples.
• [x] Fixes NextJS Hydration issues

Testing (ignore for documentation update)

Type of change

• [ ] Bug fix
• [ ] New feature
• [ ] Breaking change
• [x] Documentation update

Checklist:

• [x] I have read and agree to the Code of Conduct.
• [x] I have signed the Contributor License Agreement (CLA).
• [x] I have considered the Security Policy.
• [x] I have self-reviewed and tested my code.
• [x] I have updated documentation as needed.
• [x] I agree to the project's custom license.

Additional Notes:

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 29, 2024 1:04pm

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}