How can I pass the default value?

[webdevyriy]

When I try to remove the default value using the backspace button, I see this error

   <AddressSearchAutocomplete
      {...props}
      label='Address'
      value='Test'

[webdevyriy]

This is video

[Zenoo]

The issue probably comes from your end, I created a demo, and everything works as it should.

Simply replace the API Key by yours.

[webdevyriy]

Try this

[webdevyriy]

[webdevyriy]

Same problem

[webdevyriy]

I want to insert data that was saved and then deleted using the button backspace

[Zenoo]

The value should never be a string. Check the README, it is either null or an AddressAutocompleteValue

[webdevyriy]

How can you save data?

[webdevyriy]

If you need to insert the data that you store?

[Zenoo]

It's up to you to save the placeId, and use it again later like so:

{
	place_id: 'the placeid',
	description: 'the name'
}

[webdevyriy]

Could you show how it works in the sandbox?

[Zenoo]

I updated the demo with a preselected address

https://codesandbox.io/s/jolly-breeze-0sidgc?file=/src/App.js

[webdevyriy]

If you select everything and delete it, then there is no problem, but if you delete it gradually, then it appears again

video

[webdevyriy]

https://codesandbox.io/s/small-flower-hdhii9?file=/src/App.js

[webdevyriy]

Your option
video

[Zenoo]

I updated the sandbox, you can create a more complex object that more accurately matches the real one:

https://codesandbox.io/s/jolly-breeze-0sidgc?file=/src/App.js

  {
    place_id: "ChIJD7fiBh9u5kcRYJSMaMOCCwQ",
    description: "Paris, France",
    components: {},
    structured_formatting: {
      main_text: "Paris",
      secondary_text: "France",
      main_text_matched_substrings: []
    }
  }

[webdevyriy]

Now everything works. Thanks

[webdevyriy]

I think this can be added to the README