Установите данные дважды в реакции-подписи-холста ⇐ Javascript

[Anonymous]

У меня есть холст для подписи в форме. Когда форма загружает существующий отчет, возможно, в нем уже есть данные подписи для загрузки. В этом случае в useEffect я вызываю fromData для компонента подписи, чтобы загрузить данные подписи.
В строгом режиме React вызывал это дважды. В первый раз работает, а во второй раз подпись очищается. Вот минимальный пример:
https://codesandbox.io/p/sandbox/brave-yalow-rglx3p
В src/index.js у меня есть:

Код: Выделить всё

  const data = [[{ x: 90, y: 45.0625 }, {x:...... }]];
useEffect(() => {
if (!sigCanvas.current) {
return;
}
console.log("adding data");
sigCanvas.current.fromData(data);
sigCanvas.current.fromData(data);
});
...

(В моем приложении я не вызываю fromData дважды, а реакция делает. Мне не удалось воспроизвести поведение строгого режима в этой песочнице кода.)
Удаление одного из вызовов fromData делает обводку видимой в поле подписи, но в обоих случаях второй вызов очищает поле подписи. Я также пробовал добавить sigCanvas.current.clear() между или вызывать с помощью sigCanvas.current.fromData(data, {clear: true/false});, но это не помогло.
Что мне делать?

Подробнее здесь: https://stackoverflow.com/questions/798 ... ure-canvas