title: create plus button for call other nested gutenberg blocks in plain javascript
body: <p>I'm complete fused for try to make a button in a custom nested blocks.</p>
  <p>In short, i should making this:</p>
  <p><a href="https://i.stack.imgur.com/DPMQu.gif" rel="nofollow noreferrer">LINK TO GIF FROM GITHUB - PLUS BUTTON INTO BLOCK</a></p>
  <p><strong>The &quot;button plus&quot; inside a custom block for call other blocks of gutenberg.</strong></p>
  <p>Obviously I have read the manual and seen several texts (from which I took the image). however the challenge of doing this in <strong>plain js</strong> (not jsx) is getting complicated.</p>
  <p>currently I have thinked this:</p>
  <pre><code>const _ = wp.element.createElement
  const useblocks = wp.blockEditor.InnerBlocks
  const useprops = wp.blockEditor.useBlockProps
  
      
  var MY_TEMPLATE = [
      [ 'core/columns', {} ],
      [ 'core/heading', { placeholder: 'Test Title' } ],
      ....
  ];
  
  wp.blocks.registerBlockType( 'the-plugin-scheme/hello-scheme-nested', {
  
      title: &quot;HELLO SCHEME NESTEDS&quot;,
      icon: 'carrot',
      category: 'common',
      attributes: {
          content:{
              type: 'array',
          },
      },
  
      edit: function( props ) {
  
          var markup =
               _('div', useprops({className: props.className}),
  
                  _( useblocks ,
                      useprops({ template: MY_TEMPLATE, templateLock:'insert' /*renderAppender: ButtonBlockAppender ??*/} ),
                      _( useblocks.ButtonBlockAppender ),
                  )
  
              );
  
          return markup;
  
      },
  
      save: function( props ) {
  
         ...
  
      },
  
  });
  </code></pre>
  <p>I am sensing that the problem is in the ButtonBlockAppender... or similar...</p>
  <p>How can i add this button and open the gutenberg blocks windows?</p>
  <p>Has anyone dealt with this and can you help me?</p>
  <p>Thanks</p>