React

bash

npm install @datastripes/forecast

tsx

import { DatastripesForecast } from '@datastripes/forecast/react';

export function App() {
  return (
    <DatastripesForecast
      data={myRows}
      horizon={30}
      apiKey={import.meta.env.VITE_DATASTRIPES_API_KEY}
      apiUrl={import.meta.env.VITE_DATASTRIPES_API_URL}
    />
  );
}

@datastripes/forecast/react re-exports everything from @datastripes/forecast, so a single import covers components, the useWasmForecast hook, and all types.

react and react-dom (^19) are optional peer dependencies of @datastripes/forecast, they are only required when you import the /react entry point, and your app almost certainly has them already.

To build your own UI on top of the engine instead of rendering DatastripesForecast, see Headless mode.

React ​

React