RSC | Client boundaries

const Page = () => {
  return (
    <div>
      <ClientComponent>
        <ServerComponent />
      </ClientComponent>
    </div>
  );
};

'use client';

export const ClientComponent = () => {
  const [state, setState] = useState(0);

  return (
    <div>
      <button onClick={() => setState(state + 1)}>{state}</button>

      <ServerComponent />
    </div>
  );
};

import 'server-only';

export const ServerComponent = () => {
  return <div>im a server component! (nope) {typeof window}</div>;
};