mapbox / mapbox/mapbox-sdk-js

Using AddressAutofill in React/Next.JS app does not work

Open
#477 11 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
768
Forks
191
PR merge metrics
No merged PRs in 30d

Description

```
'AddressAutofill' cannot be used as a JSX component.
Its type 'ForwardRefExoticComponent>' is not a valid JSX element type.
Type 'ForwardRefExoticComponent>' is not assignable to type '(props: any, deprecatedLegacyContext?: any) => ReactNode'.
Type 'ReactElement> | null' is not assignable to type 'ReactNode'.
Type 'ReactElement>' is not assignable to type 'ReactNode'.
Property 'children' is missing in type 'ReactElement>' but required in type 'ReactPortal'.ts(2786)
```

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

The issue names AddressAutofill in a React/Next.js app but does not identify a source file, test, or package entry point. Start by reproducing the JSX type error in a minimal app and locate the AddressAutofill export; done means the component can be used without the reported TypeScript error.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, next.js, react
Domain
frontend, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.