islandsへのデータ受渡 と オブジェクトからの項目除去

// HonoのEnv型
export type EnvType = {
  // contextで扱う型
  Variables: {
    user: User | undefined;
  };
  // Cloudflareサービス・環境変数とのバインド設定
  Bindings: {
    DB: D1Database; // ← D1Databaseという複雑なデータ（islandsには不要）
    API_SERVER: string; // ← islandsに渡したいのはこちら
  };
};

const Main: FC = async () => {
  const c = useRequestContext<EnvType>();
  const envValue = c.env;
 
  return (
    <>
      {/* islandsコンポーネントの呼び出し(エラーになる) */}
      <IslandComponent envValue={envValue} />{" "}
    </>
  );
};

export const omitProps = <T extends object, K extends keyof T>(
  obj: T,
  keys: K[]
): Omit<T, K> => {
  const result = { ...obj };
  for (const key of keys) {
    delete result[key];
  }
  return result;
};

const Main: FC = async () => {
  const c = useRequestContext<EnvType>();
  const envValue = omitProps(c.env, ["DB"]);
 
  return (
    <>
      {/* islandsコンポーネントの呼び出し(DBが含まれないので、シリアライズ可能となりOK) */}
      <IslandComponent envValue={envValue} />
    </>
  );
};