Catching Gutenberg sidebar switch event

For everyone who is looking for a solution:

The issue was that I wanted to use React. Component as I was sure it is required by WordPress. But Functional Component is also accepted, and in this case instead of componentDidMount you can use useEffect hook, which is executed each time sidebar is loaded and do the job perfectly.

Related Posts:

  1. check if Gutenberg is currently in use
  2. How to use PanelColorSettings in custom Gutenberg block?
  3. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  4. Scheduled events disappear from events queue
  5. Adding pre-publish checks with Gutenberg
  6. Managing two editable fields in gutenberg
  7. How to make repeated component/block in Gutenberg
  8. How to save block attributes when the output doesn’t change
  9. How to remove unwanted panels inside InspectorControls from core blocks in Gutenberg
  10. Gutenberg ServerSideRender is deprecated, how to work with new wp.serverSideRender component?
  11. How Do I Make WordPress Run an Event Every Day?
  12. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  13. lodash dependency in a Gutenberg plugin
  14. Create Element From Dynamic HTML String [closed]
  15. creating elements/innerblocks via rangecontrol
  16. What’s the Right Way to get and save remote data for a Gutenberg block?
  17. How to Parse an Array of Elements in Gutenberg Block
  18. Error : “Updating failed: The response is not a valid JSON response” with custom shortcode
  19. Using the component outside the editor. select(‘core’) is null
  20. Gutenberg is there a way to know if the current block is reusable?
  21. How to disable “Transform to” option in Gutenberg custom blocks
  22. How to allow core Gutenberg blocks selection only when you are inside a custom inner block
  23. Gutenberg registerFormatType with Multiple Classes
  24. Saving data from block editor to the database
  25. Make a list with header and subtext in Gutenberg blocks
  26. Gutenberg – What is the best way to save/update post meta?
  27. How to create multiple Gutenberg blocks in one plugin
  28. How to get color name in PanelColorSettings in custom Gutenberg block?
  29. How insert negative values in Gutenberg box-control
  30. Initial help with official “create a block” tutorial
  31. Are block templates incompatible with serialize_blocks?
  32. How do I dynamically render an InnerBlock inside a dynamic block?
  33. ServerSideRender and Media Object: attributes passing image data object to php renderer even though it’s not set
  34. Gutenberg Block showing invalid content on edit
  35. Gutenberg blocks not getting styled on back end
  36. How to setAttributes in Gutenberg block?
  37. Run code once when block is created
  38. Best way to save custom css for an block
  39. How can I listen to events in Gutenberg block?
  40. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  41. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  42. WP Gutenberg Blocks – How to limit first/root blocks
  43. Creating a custom Gutenberg block with columns
  44. JSX in WordPress Plugin Development
  45. ResizableBox with RangeControl not working
  46. Gutenberg: import dependency or assign from global variable?
  47. Gutenberg table block with Bootstrap .table class
  48. How to control an elements classes from multiple Gutenberg sidebar controls?
  49. How to add a gradient component to a custom block
  50. Invalid hook call on save, not edit when using swiper slider
  51. Proper way to use useSelect
  52. How to add template colors to custom block options in WordPress Gutenberg editor sidebar?
  53. How to use apiFetch to get author information in Gutenberg properly?
  54. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  55. How to properly package a block plugin
  56. Setting global block attribute value
  57. Developing the save function in Gutenberg blocks
  58. Modify custom block plugin without losing content
  59. Custom Block Not Shown in Block Inserter
  60. How to override supports of innerBlocks?
  61. When setting styles to an extended block that was saved as a pattern, it doesn’t remove the style that was there
  62. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  63. extraprops override existing props
  64. Trigger function on Remove block or add new block in Gutenberg JavaScript
  65. WPGut – Updating failed and shortcode?
  66. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  67. Gutenberg – Call google map render function in save after DOM has been rendered
  68. Gutenberg block breaks when showing new data
  69. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  70. Is “document loaded” different on admin side than public side?
  71. How to re-render inspector controls?
  72. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  73. Where do I hook to have the server do something in PHP on block attribute change?
  74. Get value of custom checkbox from Gutenberg sidebar in plugin
  75. Where to save Gutenberg plugin data?
  76. Events Manager: Create custom Placeholder for use in Email notification
  77. Gutenberg component in a plugin admin
  78. How to integrate plugins into block editor
  79. Add custom html classes to gutenberg wrapper
  80. How to get access the ID of all posts of custom post type in Gutenberg editor
  81. How to create save function for custom Gutenberg style block?
  82. Multi hook deploiement
  83. Identifying a Page Containing Shortcode at `init`
  84. Gutenberg and custom blocks messed up pagespeed score. What did I wrong?
  85. Gutenberg text field validation
  86. Undo operation not working in Rich text [Gutenberg]
  87. How can i add insertion point between inner blocks in my custom block like core blocks
  88. Render raw html in Gutenberg block
  89. Build a dynamic block using the default attributes
  90. Help interpreting @wordpress/create-block-tutorial-template usage error
  91. How can I add a custom button to the post editor?
  92. How to replace content of a block in and re-render on change?
  93. extending a core block doesn’t work inside the editor
  94. Block Development: hamburger module throwing error in save function
  95. Adding a navigation with wp_nav_menu() to a custom block in the site editor
  96. Why isn’t custom sidebar panel not showing up in the Gutenberg Editor?
  97. REST API error in block editor for custom templates
  98. Reinitiate Gutenburg’s blocks using javascript
  99. Remove Gutenberg Buttons Block
  100. Set srcset on a block image
tech