DEV and PROD problem

[BelikSergey]

Hello! Here's my problem:

import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
import { useEffect } from "react";
import lexical, { $getSelection, $getRoot, $isRangeSelection, COMMAND_PRIORITY_HIGH } from "lexical";

const ALLOWED_EVENTS = [lexical.KEY_BACKSPACE_COMMAND, lexical.KEY_TAB_COMMAND];

export default function PreventBackspaceAndShiftTabInFirstPosition({ }: Props) {
const [editor] = useLexicalComposerContext();
useEffect(() => {
const unregisterCommandListeners = new Set<() => void>();

    ALLOWED_EVENTS.forEach((cmd) => {
        unregisterCommandListeners.add(
            editor.registerCommand(
                cmd,
                (event) => {
                   
                        if (cmd.type === "KEY_BACKSPACE_COMMAND") {
                            // do some code
                             return true;
                        } else if (cmd.type === "KEY_TAB_COMMAND" && event.shiftKey) {
                            //do some code
                            return true;
                        }
                    }

                    return false;
                },
                COMMAND_PRIORITY_HIGH
            )
        );
    });


    return () => {
        unregisterCommandListeners.forEach((unregister) => unregister());
    };
}, [editor]);

return null;

}

I created a plugin according to your instructions and everything is fine - it does everything I need on DEV, but when I upload it to PROD, it doesn't work. I spent two days changing COMMAND_PRIORITY and trying other things, but it works on DEV and not on PROD. My search led me to
https://github.com/facebook/lexical/blob/main/packages/lexical/src/LexicalCommands.ts
where I see (and cry):

   export function createCommand<T>(type?: string): LexicalCommand<T> { return __DEV__ ? {type} : {};} 

Why???? Why did you do this?