make inside elements not movable with propagate

Following code prints only "........ doTheThing 3......" Seems init() it's not called:

 `$.get( "/iscrizionePrivacy.plp?a=VGsflaU2d7D0sUcDhl7lCkkX8tE1UW9kBzLcqcUAR_8-yKo74nLUmyXKrfIUst_kUirvlSC_A5sqeHrBsznmUg&locale=it_IT&fromBE=true", function( data ) {					  								    	
				    
			    	const doTheThing = items => items.forEach(item => {
			    	    item.set({ draggable: false })
			    	    console.log (" ........ doTheThing 2...... ");
			    	    doTheThing(item.components());
			    	});
			    	console.log (" ........ doTheThing 3...... ");
			    	
			    	editor.DomComponents.addType('eb-privacy', {
				    	  // Make the editor understand when to bind `my-input-type`
				    	  // isComponent: el => el.tagName === 'INPUT',
				    	  // Model definition
				    	  model: {
				    	    // Default properties
					    	    defaults: {
					    	        //tagName: 'input',
					    	        //draggable: 'form, form *', // Can be dropped only inside `form` elements
					    	        droppable: false, // Can't drop other elements inside
					    	        editable: false,
					    	        removable: false,
					    	        resizable: true,	
					    	        propagate: ['droppable', 'editable', 'removable'],
					    	        components: data				    	      
					    	      
					    	    },
					    	    init() {
					    	    	console.log (" ........ doTheThing 1...... ");
					    	        doTheThing(this.components());
					    	    }				    	    
				    	  }
				    	  
				    	  
				   });			    			    			       
				   editor.BlockManager.add('test-COMPONENT-PRIVACY', {
				    	  label: 'test-COMPONENT-PRIVACY',
				    	  content: '<div data-gjs-type="eb-privacy">Test Privacy Component</div>',
				   });				    				    
			 	});`