React-hook-form y polyfill.io están causando que la página se cuelgue. La propiedad Z.current.unMount no es iterable.
React-hook-form y polyfill.io están causando que la página se bloquee. Z.current.unMount no es iterable.
Para recrear:
En IE11, puedes ir a polyfill.io y descargar el código minimizado. O simplemente pegar esto en IE11 https://polyfill.io/v3/polyfill.min.js y obtendrás el código requerido. Crea un proyecto React y crea un formulario básico utilizando React-form-hook. Luego importa el polyfill y esto provocará que la página se bloquee: Z.current.unMount no es iterable. Tan pronto como elimines el polyfill, el formulario funcionará como se esperaba.
Antecedentes:
Estos polyfill’s/ponyfill’s son necesarios ya que todavía se admite IE11… sí… usamos polyfill.io para obtener los polyfills requeridos. Cargamos este polyfill en cada página. ¿Alguna otra persona ha encontrado este problema al usar polyfills y react-hook-form y tiene una buena solución alternativa?
Este problema parece haber aparecido a partir de la versión 6.8.4 de React-hook-form y superior.
Sin polyfill
Con polyfill – Este error está dentro de la biblioteca React-form-hook
davy.ai
Problema con React-hook-form y Polyfill
Si estás utilizando React-hook-form y Polyfill.io para soportar navegadores antiguos como IE11, es posible que encuentres un problema en el que la página se bloquea y recibas el mensaje de error
Z.current.unMount no es iterable. Este problema parece haber aparecido en la versión 6.8.4 y superior de React-hook-form.Para recrear el problema, puedes descargar el código minimizado desde Polyfill.io o simplemente pegar la URL https://polyfill.io/v3/polyfill.min.js en IE11. A continuación, crea un formulario básico utilizando React-form-hook e importa el polyfill. Esto hará que la página se bloquee con el mensaje de error mencionado anteriormente.
Una solución a este problema podría ser cargar el polyfill solo en páginas donde sea absolutamente necesario. Esto podría reducir potencialmente el riesgo de problemas con React-hook-form.
En general, si estás utilizando React-hook-form y necesitas soportar navegadores antiguos con polyfills, ten en cuenta este problema y considera limitar el uso de polyfills a páginas donde sean absolutamente necesarios.