Is this a good way to use dangerouslySetInnerHTML as it's used at the home page?

Here is a part of the example used in React's home page:

https://github.com/reactjs/reactjs.org/blob/ea03fe7163c89b9e48565408f62c6ef805198467/content/home/examples/a-component-using-external-plugins.js#L12-L15

With this usage within the render function:

https://github.com/reactjs/reactjs.org/blob/ea03fe7163c89b9e48565408f62c6ef805198467/content/home/examples/a-component-using-external-plugins.js#L32

isn't a brand new Remarkable instance going to be created after each trigger of onChange event (which is every keystroke)? If so, is it okay to encourage this usage on the home page? If not, I'd love to hear why :)

Thank you

参照されている行の content/home/examples/a-component-using-external-plugins.js を開き、render と onChange のフローから Remarkable インスタンスがどのように使用されているかを追跡してください。例がキー入力ごとに新しいインスタンスを作成しているか確認し、その結論を記録するとともに、ホームページの例に明確化または修正が必要かどうかを判断してください。