Quiero actualizar una amp-list cuyos datos provienen de datos amp-state .

 <div> <amp-script layout="container" script="hello" class="sample" data-ampdevmode> <button id="button">Update</button> <amp-state id="localState"> <script type="application/json"> { "items": [{"id": 3}, {"id": 1}, {"id": 2}] } </script> </amp-state> <amp-list width="auto" height="140" layout="fixed-height" src="amp-state:localState"> <template type="amp-mustache"> <li>@{{id}}</li> </template> </amp-list> </amp-script> <script id="hello" type="text/plain" target="amp-script"> document.getElementById('button').addEventListener('click', async (e) => { let items = [{"id": 6}, {"id": 7}, {"id": 8}]; await AMP.setState({localState: {items: items}}); console.log(await AMP.getState('localState')); }); </script> </div>

pero cuando hago clic en el botón para actualizar, está actualizando el estado de AMP, pero no muestra los datos actualizados en la página.