client comp
'use client';

import ServerComp from './server_comp';

const ClientComp: React.FC = ({ infoP }) => {
  return (
    <div className="client_comp">
      <button
        onClick={() => {
          const myPromise = new Promise<string>((resolve) => {
            setTimeout(() => resolve('I love You !!'), 1000);
          });

          ServerComp(myPromise);
        }}
        className="p-2 bg-blue-500 text-white rounded">
        {infoP.name}
      </button>
    </div>
  );
};

ClientComp.displayName = 'ClientComp';

export default ClientComp;

server comp

import ClientComp from './client_comp';

const ServerComp: React.FC = async (param) => {
  console.log(await param);

  return (
    <div className="server_comp">
      server
      <ClientComp infoP={{ name: 'Button' }} />
    </div>
  );
};

ServerComp.displayName = 'ServerComp';

export default ServerComp;