Как добавлять значения в state используя html-react-parser?

Question

[Developer123452]

используя библиотеку html-react-parser я хочу найти элементы с тегом data-type: 'value' и если такой элемент есть добавить некоторое значение в state, но начинается бесконечный ререндер

Пример кода

const Component: React.FC<any> = ({ html }) => {
   const [data, setData] = useState<number[]>([])

  const replaceNode = (domNode: any) => {
    if (domNode.attribs && domNode.attribs['data-type'] && domNode.attribs['data-type'] === 'value') {
      setData((prevState) => [...prevState, 12])
  }

      return (
        <Box></Box>
      )
    }
  }

  const options = {
    replace: replaceNode,
  }
  return (
    <Box sx={{ maxWidth: '100vw' }}>
      {parse(html, options)}
    </Box>
  )
}

export default Component

Comments

[WbICHA]

но начинается бесконечный ререндер

Подумай почему так происходит. Добавь логгеров, продебаж.

[Developer123452]

Пробовал, исправить не получилось, поэтому сюда и написал