Change block to work with latest changes

src/blocks/dynamic-interactive-child/block.json

@@ -17,12 +17,6 @@
 			"public": true,
 			"source": "text",
 			"selector": ".dynamic-child-block-date"
-		},
-		"state": {
-			"type": "object",
-			"public": true,
-			"source": "attribute",
-			"attribute": "state"
 		}
 	},
 	"supports": {
@@ -39,5 +33,5 @@
 	"editorScript": "file:./index.js",
 	"editorStyle": "file:./style.css",
 	"style": "file:./style-index.css",
-	"viewScript": "file:./frontend.js"
+	"viewScript": "file:./register-view.js"
 }

src/blocks/dynamic-interactive-child/index.php

@@ -6,8 +6,7 @@ function render_block_dynamic_interactive_child_bhe($attributes, $content, $bloc
 
     $post = get_post();
     $date   = $post->post_date;
-    $state = array('prop' => 'hola');
-    $wrapper_attributes = get_block_wrapper_attributes(array('class' => $align_class_name, 'state' => json_encode($state)));
+    $wrapper_attributes = get_block_wrapper_attributes(array('class' => $align_class_name, 'statePatata' => $state));
 
     return sprintf(
         '<div %1$s>

src/blocks/dynamic-interactive-child/register-view.js

@@ -0,0 +1,4 @@
+import registerBlockView from '../../gutenberg-packages/register-block-view';
+import View from './view';
+
+registerBlockView('bhe/dynamic-interactive-child', View);

src/blocks/dynamic-interactive-child/view.js

@@ -7,8 +7,7 @@ const View = ({ blockProps, attributes }) => {
 
     return (
         <div {...blockProps}>
-            <p>Pooooost Date: {attributes.date}</p>
-            <p>State: {attributes.state}</p>
+            <p>Post Date: {attributes.date}</p>
             <p>Counter: {counter}</p>
         </div>
     );

src/blocks/dynamic-non-interactive-parent/block.json

@@ -30,5 +30,6 @@
 	},
 	"textdomain": "bhe",
 	"editorScript": "file:./index.js",
-	"style": "file:./style-index.css"
+	"style": "file:./style-index.css",
+	"viewScript": "file:./register-view.js"
 }