I'm using materializecss chips with autocomplete option and setting the autocomplete data using an ajax. The documentation shows setting basic tags using the following syntax:

```
$('.chips-autocomplete').chips({
    autocompleteOptions: {
      data: {
        'Apple': null,
        'Microsoft': null,
        'Google': null
      },
      limit: Infinity,
      minLength: 1
    }
  });

```

However when I actually want to use these tags, I want some additional data apart from just the name of the tag (id, for eg.) so that I can do `PATCH` requests with the `id` field. I am currently unable to achieve this.

If I do this:

```
autocompleteOptions: {
      data: {
        'golang': {
          tag: 'golang',
          id: 1
        },
        'docker': {
          tag: 'docker',
          id: 2
        },
        'kubernetes': {
          tag: 'kubernetes',
          id: 3
        }
      },
      minLength: 2
    },

```

My autocomplete field does not render properly:
[![enter image description here](https://i.stack.imgur.com/lcba5.png)](https://i.stack.imgur.com/lcba5.png)

also, the `onChipAdd` callback function does not receive the chip with full data and only looks like:

```
{
  tag: 'golang'
}

```

Is it possible to achieve this in materializecss?