Implement CustomRules

Hi
I try to implement Custom Modeling Rules like here:

For this, I have added the CustomRules.js like in the sample - same for index.js.
After I have added the CustomRulesModule to the modeler:

import customRulesModules from '../controls/custom-rules';
// ...
const bpmnModeler = new BpmnModeler({
  container: canvas,
  propertiesPanel: {
    parent: "#js-properties-panel",
  },
  additionalModules: [
    minimapModule,
    BpmnPropertiesPanelModule,
    BpmnColorPickerModule,
    ExtensionPropertiesProvider,
    ControlsModule,
    customRulesModules
  ],
  moddleExtensions: {
    simbpmn: simBpmnModdleDescriptor,
  },
});

I have added a log to the rule:

this.addRule('shape.create', function(context) {  
    console.log("create shape rule");

But it will never be shown.
Do I missing something?

Looks good so far. Can you share your project? Also, maybe try and log outside of this.addRule to see whether the module is even included at all.