ServerSideRender fallback

Author: lloc

js/msls-widget-block/block.json

@@ -13,5 +13,5 @@
   },
   "textdomain": "multisite-language-switcher",
   "editorScript": "file:./index.js",
-  "render_callback": "get_the_msls"
+  "render": "file:./render.php"
 }

js/msls-widget-block/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-i18n'), 'version' => 'a9101bb0f0871597e200');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-server-side-render'), 'version' => '12acb77f7aafb44f8195');

js/msls-widget-block/index.js

@@ -0,0 +1,3 @@
+<?php
+
+the_msls();

js/msls-widget-block/render.php

@@ -3,7 +3,7 @@
 Contributors: realloc, lucatume
 Donate link: https://www.greenpeace.org/international/
 Tags: multilingual, multisite, language, switcher, localization
-Requires at least: 5.3
+Requires at least: 6.1
 Tested up to: 6.5
 Requires PHP: 7.4
 Stable tag: 2.6.4

readme.txt

@@ -13,5 +13,5 @@
   },
   "textdomain": "multisite-language-switcher",
   "editorScript": "file:./index.js",
-  "render_callback": "get_the_msls"
+  "render": "file:./render.php"
 }

src/msls-widget-block/block.json

@@ -1,13 +1,14 @@
-import { __ } from '@wordpress/i18n';
+import ServerSideRender from '@wordpress/server-side-render';
 import { useBlockProps } from '@wordpress/block-editor';
 
-export default function Edit() {
+export default function Edit(props) {
+    const blockProps = useBlockProps();
     return (
-        <p { ...useBlockProps() }>
-            { __(
-                'Block with Dynamic Rendering – hello from the editor!',
-                'multisite-language-switcher'
-            ) }
-        </p>
+        <div { ...blockProps }>
+            <ServerSideRender
+                block="gutenberg-examples/example-dynamic"
+                attributes={ props.attributes }
+            />
+        </div>
     );
 }