NextJS

Tenemos componentes de servidor (por defecto) y de cliente, marcados con 'use client'. Un componente de cliente no puede importar (poseer) un componente de servidor, pero sí puede ser su padre mientras que no tenga un import. Esto es típico cuando tenemos componentes de cliente que renderizan como children a componentes de servidor:

function Lala () {
    return (
        <Foo> <Bar /> <Foo />
    )
}

En el caso anterior, Foo puede ser componente de cliente y Bar de servidor, porque de esta forma Foo no tendrá ningún import de Bar. Este simple hecho da mucha potencia al poder tener hijos en servidor y padres en cliente, pero obliga a ser muy concienzudo a la hora de separar código en componentes muy modulares.