Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Hydration error #7

Open
Bucha1958 opened this issue Apr 16, 2022 · 0 comments
Open

Hydration error #7

Bucha1958 opened this issue Apr 16, 2022 · 0 comments

Comments

@Bucha1958
Copy link

Hydration failed because the initial UI does not match what was rendered on the server
vishwamartur added a commit to vishwamartur/projects_realestate that referenced this issue Oct 30, 2024
@vishwamartur
Fix hydration error
284f36e 
Related to adrianhajdin#7

Address hydration error by ensuring consistent state and context values between server and client rendering.

* **components/ImageScrollbar.jsx**
  - Add `useEffect` hook to ensure consistent context value.
  - Update `LeftArrow` and `RightArrow` components to use the new context value.

* **components/SearchFilters.jsx**
  - Add `useEffect` hook to ensure consistent state and effect values.

* **pages/_app.js**
  - Add `useEffect` hook to handle route change events consistently.
  - Update `Router.events` to use the new route change event handler.

* **pages/index.js**
  - Add `useEffect` hook to ensure the fetched data is consistent.
  - Update `getStaticProps` function to use the new fetched data.

please validate from Your end
@vishwamartur vishwamartur mentioned this issue Oct 30, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Bucha1958