@astroway/sdk の React コンパニオン

インポート: import { AstrowayProvider, useNatalChart } from '@astroway/react';

レジストリで確認する → @astroway/react

• AstrowayProvider コンテキスト
• useAstrowayQuery + useNatalChart
• React 以外の依存関係ゼロ
• Stripe スタイルのコンパニオン
• @astroway/sdk からの完全な TypeScript 型

import { AstrowayProvider, useNatalChart } from '@astroway/react';

function App() {
  return (
    <AstrowayProvider options={{ apiKey: import.meta.env.VITE_AW_KEY }}>
      <Chart />
    </AstrowayProvider>
  );
}

function Chart() {
  const { data, error, loading } = useNatalChart({
    date: '1990-07-14',
    time: '14:30:00',
    timezoneOffset: 3,
    latitude: 50.4501,
    longitude: 30.5234,
  });

  if (loading) return <p>Loading…</p>;
  if (error) return <p>Error: {error.message}</p>;
  return <pre>{JSON.stringify(data, null, 2)}</pre>;
}