Store observer and reactions

import { observer } from 'mobx-react-lite';
import { createStore } from 'polotno/model/store';

const store = createStore({
  key: 'YOUR_API_KEY', // you can create it here: https://polotno.com/cabinet/
})

// this react component is wrapped into observer
// it will be automatically updated, when number of elements on active pages is changed
const App = observer(() => {
  return (
    <div>
      <p>Elements on the current page: {store.activePage?.children.length}</p>
    </div>
  );
});

store.on('change', () => {
  console.log('something is changed');
});

import { reaction } from 'mobx';

reaction(() => {
  const firstElement = store.selectedElements[0];
  const isTextSelected = firstElement?.type === 'text';
  return isTextSelected
}, (isTextSelected) => {
  // here we can do something when text is selected
  console.log('text is selected', isTextSelected);
})