Questions tagged [hydration]

Hydration is a service provided through Adobe phonegap build that allows for installed applications to be updated over the internet.

More information can be found on their product page http://docs.phonegap.com/phonegap-build/tools/hydration/

143 questions
96
votes
2 answers

What is Doctrine hydration?

I've read about hydration in doctrine's documentation but I still can't understand what it is. Could someone please explain?
never_had_a_name
  • 90,630
  • 105
  • 267
  • 383
20
votes
2 answers

Disable hydration / only partially hydrate a Next.js app

Is it possible to enforce an SSR-only mode in Next.js and only partially hydrate the page? Let's say I have this app: components/dynamic.jsx export default () => (
Lukas
  • 9,752
  • 15
  • 76
  • 120
12
votes
2 answers

Trying to use react-player throws a Hydration error

Hi how are you? I'm trying to use react-player in my Next.js app without any luck. This code import ReactPlayer from "react-player"; const Home = () => { return (

Here is my video!!

Emiliano
  • 437
  • 1
  • 4
  • 14
11
votes
1 answer

why does the useEffect hook even with no dependecies still "run" on the client side even though the page has been pre-rendered by next-js

I thought that the pre-rendering process would mean that hooks like useEffect will already be executed on the server. I read something about hydration, don't know if it explains this occurrence but couldn't understand it clearly from the blogs that…
one_timer
  • 113
  • 1
  • 6
8
votes
0 answers

Can we stop Vue from performing Client Side Hydration for a specific component?

I am fairly new to Vue and we are facing a problem where the total DOM size for our page has increased because we are storing a lot of data in DOM config for Vue client side hydration. For SEO purposes, we can't skip on server-side rendering. I was…
Vedang Sharma
  • 206
  • 2
  • 7
7
votes
1 answer

Classes with data hydration / dehydration in typescript

I would like to share TS classes or interfaces between a React + TS frontend and node + TS backend. The problem is that TS types are stripped away in compile time, so I cannot use them when I want to convert a class instance into a JSON. I was…
fodma1
  • 3,485
  • 1
  • 29
  • 49
6
votes
2 answers

Why do I get this hydration warning when using useState in Nuxt 3?

MRE: https://github.com/Morpheu5/nuxt3-hydration-mre (was https://box.morpheu5.net/s/H6WXBfCebrRyTa8) According to the docs, useState in NuxtJS 3 is supposed to be the SSR-friendly lightweight way of creating state. I need to use this so that any…
Morpheu5
  • 2,610
  • 6
  • 39
  • 72
5
votes
1 answer

Children of NuxtLink rendered twice (hydration error?)

My hunch is that there is some hydration mismatch where the FontAwesomeIcon was not rendered on the server (only the span) and then on the client both child nodes of the NuxtLink were rendered (the svg and the span), prompting Nuxt to render the…
4
votes
1 answer

How to handle hydration with dynamic content from GraphQL in Nuxt 3?

I have a Nuxt 3 application that gets page content from an external CMS via GraphQL. The content that I get is totally dynamic, so I have to use dynamic components to render my content. For example if I query getContentFromPath with the paramter…
Der Alex
  • 718
  • 3
  • 16
4
votes
2 answers

What does dehydration mean in the context of data loading?

There are a few threads which discuss the meaning of data hydration. But I can't find any definitions of data dehydration. I can see three possible meanings 1) Extracting the current state of an object 2) Clearing the state of an object 3) Both 1)…
Mike
  • 58,961
  • 76
  • 175
  • 221
4
votes
2 answers

Symfony Doctrine Hydrator - With custom hydrator I lose my ManyToOne relation

I would like to extends ObjectHydrator to benefit of the hydration of my ManyToOne relation and add extra field to the Entity. Here is my hydrator: StatisticsDataHydrator.php namespace AppBundle\Hydrator\ProjectAssignment; use…
4
votes
2 answers

Doctrine DBAL ->execute() and Hydration with DB2 field names including '#'

I'm trying to implement a model/mapper type of interaction using Doctrine DBAL but ran into a few questions. Some of my column names have a '#' at the end. Changing the name is not an option. The ${'COL1#'} syntax works fine for regular variables,…
d.lanza38
  • 2,525
  • 7
  • 30
  • 52
4
votes
3 answers

Doctrine fetch join fails to hydrate correctly

Original question I am doing a fetch join in Doctrine, using a join table that has a composite key and no other defined fields, and getting incorrect data loaded into my entity. Is this a bug in Doctrine, or am I doing something wrong? What follows…
jake stayman
  • 1,687
  • 13
  • 22
3
votes
1 answer

I'm getting a NEXT.JS "Hydration failed because the initial UI does not match what was rendered on the server"

New to NEXT.js. Only when I wrap the motion.div with a < Link > this does this "Hydration failed because the initial UI does not match what was rendered on the server" show up. For the life of me I can't figure out why. Everything seems fine until…
toadlyfe
  • 411
  • 1
  • 3
  • 7
3
votes
1 answer

Next13 - conditional user in layout creates hydration error. I'm looking for a solution with SSG

I have a common problem: My header should show "register" for guests or "profile" for users. The header is in the root layout file, the user state is saved in a cookie. In a client component, I am reading the cookie and in useEffect change the…
1
2 3
9 10