Gutenberg ServerSideRender is deprecated, how to work with new wp.serverSideRender component?

The component is still functional, the issue is due to how it was pulled out into its own package. It is no longer uppercase and in order to use it in JSX, you will need to alias it:

const { serverSideRender: ServerSideRender } = wp;

See this issue for more details.

Related Posts:

  1. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  2. Adding pre-publish checks with Gutenberg
  3. Managing two editable fields in gutenberg
  4. How to make repeated component/block in Gutenberg
  5. Using Primary Color in Plugin Block
  6. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  7. lodash dependency in a Gutenberg plugin
  8. Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
  9. What’s the Right Way to get and save remote data for a Gutenberg block?
  10. WordPress: After Gutenberg plugin migration to block.json the localization/ translations with PolyGlot in JavaScript does not work anymore
  11. Looking for callback function after Gutenberg is rendered?
  12. Error : “Updating failed: The response is not a valid JSON response” with custom shortcode
  13. How to disable “Transform to” option in Gutenberg custom blocks
  14. Is there a better way to implement responsive images than what WordPress uses by default?
  15. Gutenberg registerFormatType with Multiple Classes
  16. Saving data from block editor to the database
  17. Gutenberg: useDispatch is not a function – @wordpress/data included
  18. Gutenberg Block add element in the Editor inside InnerBlocks after div – editor-block-list
  19. Make a list with header and subtext in Gutenberg blocks
  20. How do you render_callback for register_block_type to a method in another class?
  21. How insert negative values in Gutenberg box-control
  22. Initial help with official “create a block” tutorial
  23. Are block templates incompatible with serialize_blocks?
  24. How do I dynamically render an InnerBlock inside a dynamic block?
  25. ServerSideRender and Media Object: attributes passing image data object to php renderer even though it’s not set
  26. WordPress Block Development – trouble importing from @wordpress/icons
  27. Gutenberg blocks not getting styled on back end
  28. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  29. How to access noticeOperations from withNotices
  30. Run code once when block is created
  31. Best way to save custom css for an block
  32. How to prevent UNDO on guternberg block editor
  33. How to insert text at the current cursor position in Gutenberg?
  34. How to override gutenberg paragraph block edit property
  35. How can I listen to events in Gutenberg block?
  36. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  37. Do I have to worry about useState causing a re-render?
  38. WP Gutenberg Blocks – How to limit first/root blocks
  39. How to get boolean value from register_meta properly?
  40. JSX in WordPress Plugin Development
  41. ResizableBox with RangeControl not working
  42. How can I get the selected string when using a toolbar button in Gutenberg?
  43. jQuery selectors for editor elements safe to use?
  44. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  45. Gutenberg: import dependency or assign from global variable?
  46. Gutenberg table block with Bootstrap .table class
  47. How to only load css for used blocks on frontend
  48. Additional classes `undefined` after saving post in Gutenberg
  49. How do you submit a Gutenberg plugin?
  50. Catching Gutenberg sidebar switch event
  51. Invalid hook call on save, not edit when using swiper slider
  52. Proper way to use useSelect
  53. Use npm and wp-env to make production bundle
  54. How to add template colors to custom block options in WordPress Gutenberg editor sidebar?
  55. How to save post meta as an array in Gutenberg?
  56. How to use apiFetch to get author information in Gutenberg properly?
  57. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  58. How to properly package a block plugin
  59. Setting global block attribute value
  60. Developing the save function in Gutenberg blocks
  61. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  62. Gutenberg – is it ok to load dependencies multiple times?
  63. Preventing double loading JS scripts (like React) when developing for Gutenberg
  64. Console errors in 6.0-RC1 Widget screen
  65. Custom Block Not Shown in Block Inserter
  66. How to use attributes in competent of Gutenberg
  67. var(–text-color) in style.scss works once but not twitch
  68. wordpress full site editing problem when extending core blocks
  69. Pass custom props to
  70. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  71. Trigger function on Remove block or add new block in Gutenberg JavaScript
  72. WPGut – Updating failed and shortcode?
  73. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  74. Gutenberg – Call google map render function in save after DOM has been rendered
  75. Gutenberg block breaks when showing new data
  76. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  77. What happens/fires when you select a block in the editor?
  78. How to use setAttributes outside of the edit function return
  79. Where do I hook to have the server do something in PHP on block attribute change?
  80. Reading plugin settings in esnext wordpress block
  81. Get value of custom checkbox from Gutenberg sidebar in plugin
  82. Where to save Gutenberg plugin data?
  83. Gutenberg component in a plugin admin
  84. How to get access the ID of all posts of custom post type in Gutenberg editor
  85. Custom plugin not appearing
  86. Gutenberg’s Popover component position relative to the focused element
  87. How can i add insertion point between inner blocks in my custom block like core blocks
  88. Gutenberg: – Call a function after Server Side Component is rendered
  89. Accept only PDF file for upload
  90. Render raw html in Gutenberg block
  91. get the queried_object of an url
  92. Build a dynamic block using the default attributes
  93. Add custom data-attribute to core Gutenberg block within an template
  94. Call API on post save/update and show the result in admin area
  95. How to get custom user meta by id in custom Gutenberg block
  96. How to replace content of a block in and re-render on change?
  97. extending a core block doesn’t work inside the editor
  98. Reinitiate Gutenburg’s blocks using javascript
  99. How can I include React useState in a custom gutenberg block plugin?
  100. Remove Gutenberg Buttons Block

Leave a Comment