Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | 15x 5x 5x 5x 2x 5x 5x 5x 5x 5x | import { useEffect, useMemo } from 'react';
import { AutofillOptions, MapboxAutofill } from '@mapbox/search-js-core';
const DEFAULTS = MapboxAutofill.defaults;
/**
* A React hook that returns a {@link MapboxAutofill} instance.
*
* @param {AutofillOptions} options
* @param {string} options.accessToken
* @see {@link MapboxAutofill}
*/
export function useMapboxAutofill(
options: Partial<{ accessToken: string } & AutofillOptions>
): MapboxAutofill {
const autofill = useMemo(() => {
return new MapboxAutofill();
}, []);
useEffect(() => {
const { accessToken, ...restOptions } = options;
autofill.accessToken = accessToken;
autofill.defaults = {
...DEFAULTS,
...restOptions
};
}, [options]);
return autofill;
}
|