@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>;
}