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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 2x 1x 1x | import { useEffect, useMemo } from 'react'; import { AddressAutofillOptions, AddressAutofillCore } from '@mapbox/search-js-core'; const DEFAULTS = AddressAutofillCore.defaults; /** * A React hook that returns a {@link AddressAutofillCore} instance. * * @param {AddressAutofillOptions} options * @param {string} options.accessToken Your Mapbox access token. * @see {@link AddressAutofillCore} * @example * ```typescript * import { useAddressAutofillCore } from '../src'; * const autofill = useAddressAutofillCore({ accessToken: 'YOUR_MAPBOX_ACCESS_TOKEN' }); * const response = await autofill.suggest('1600 pennsylvania ave nw', { * sessionToken: 'test-123' * }); * console.log(response); * // { suggestions: [...], attribution: '...' }; * ``` * @see {@link AddressAutofillCore} */ export function useAddressAutofillCore( options: Partial<{ accessToken: string } & AddressAutofillOptions> ): AddressAutofillCore { const autofill = useMemo(() => { return new AddressAutofillCore(); }, []); useEffect(() => { const { accessToken, ...restOptions } = options; autofill.accessToken = accessToken; autofill.defaults = { ...DEFAULTS, ...restOptions }; }, [options]); return autofill; } |