# README

This is the unified Tide Booking component.

## Setup

- Use Node version 20
- Install node modules with "npm ci"
- Install node modules with "npm ci" in the playground directory
- Start playground with "npm start"

## Remarks

Do not forget to sync React versions when you're doing local changes and when you try to test them in a local React project (check https://reactjs.org/warnings/invalid-hook-call-warning.html#duplicate-react).
If using the playground, after installing its node modules, execute the following command in the root folder `npm link ./playground/node_modules/react`

## Use of the package

When using booking-wizard in a gatsby v5 website do following steps

- Use react v20 and react-router-dom@6
- Import only @runtime (otherwise signalr-no-query gives an error an window)
- Surround <BookingWizard> with a <BrowserRouter basename={basePath}> to handle the internal routing
- Set 'skipBasePathInRouting' to true in the settings to avoid duplicate basepaths in the internal routing.