diff --git a/README.md b/README.md
index 631c246ee..da4c7d1dd 100644
--- a/README.md
+++ b/README.md
@@ -89,6 +89,7 @@ The icons may not be reused in other projects without the proper flaticon licens
 
 ### **WORK IN PROGRESS**
 * (foxriver76) optimzied the notificaiton popup (auto-extend first entry per category, respect line breaks, respect severity for icons)
+* (theimo1221) #2178 Stabilize onObjectChange handling during creation of new objects in WebUi, to directly show new element.
 
 ### 6.12.0 (2023-10-24)
 * (foxriver76) fixed issue when updating news in backend
diff --git a/src/src/components/ObjectBrowser.jsx b/src/src/components/ObjectBrowser.jsx
index 0908cc87d..fe3368a9b 100644
--- a/src/src/components/ObjectBrowser.jsx
+++ b/src/src/components/ObjectBrowser.jsx
@@ -10,6 +10,7 @@ import React, { Component, createRef } from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@mui/styles';
 import SVG from 'react-inlinesvg';
+import _ from 'lodash';
 
 import {
     IconButton,
@@ -101,7 +102,6 @@ import Utils from './Utils'; // @iobroker/adapter-react-v5/Components/Utils
 import TabContainer from './TabContainer';
 import TabContent from './TabContent';
 import TabHeader from './TabHeader';
-import _ from 'lodash';
 
 const ICON_SIZE = 24;
 const ROW_HEIGHT = 32;
@@ -2371,9 +2371,9 @@ class ObjectBrowser extends Component {
     async componentDidMount() {
         await this.loadAllObjects(!objectsAlreadyLoaded);
         if (this.props.objectsWorker) {
-            this.props.objectsWorker.registerHandler(this.onObjectChange);
+            this.props.objectsWorker.registerHandler(this.onObjectChange.bind(this));
         } else {
-            this.props.socket.subscribeObject('*', this.onObjectChange);
+            this.props.socket.subscribeObject('*', this.onObjectChange.bind(this));
         }
 
         objectsAlreadyLoaded = true;
@@ -2390,9 +2390,9 @@ class ObjectBrowser extends Component {
         window.removeEventListener('contextmenu', this.onContextMenu, true);
 
         if (this.props.objectsWorker) {
-            this.props.objectsWorker.unregisterHandler(this.onObjectChange, true);
+            this.props.objectsWorker.unregisterHandler(this.onObjectChange.bind(this), true);
         } else {
-            this.props.socket.unsubscribeObject('*', this.onObjectChange);
+            this.props.socket.unsubscribeObject('*', this.onObjectChange.bind(this));
         }
 
         // remove all subscribes
@@ -2985,53 +2985,20 @@ class ObjectBrowser extends Component {
 
         if (Array.isArray(id)) {
             id.forEach(event => {
-                console.log(`> objectChange ${event.id}`);
-
-                if (event.obj && typeof this.props.filterFunc === 'function' && !this.props.filterFunc(event.obj)) {
+                const { newInnerState, filtered } = this.processOnObjectChangeElement(event.id, event.obj);
+                if (filtered) {
                     return;
                 }
-
-                if (event.id.startsWith('system.adapter.') && event.obj && event.obj.type === 'adapter') {
-                    const columnsForAdmin = JSON.parse(JSON.stringify(this.state.columnsForAdmin));
-
-                    this.parseObjectForAdmins(columnsForAdmin, event.obj);
-
-                    if (JSON.stringify(this.state.columnsForAdmin) !== JSON.stringify(columnsForAdmin)) {
-                        newState = { columnsForAdmin };
-                    }
-                }
-                this.objects = this.objects || [];
-                if (this.objects[event.id]) {
-                    if (event.obj) {
-                        this.objects[event.id] = event.obj;
-                    } else {
-                        delete this.objects[event.id];
-                    }
+                if (newInnerState) {
+                    newState = newInnerState;
                 }
             });
         } else {
-            console.log(`> objectChange ${id}`);
-            this.objects = this.objects || [];
-
-            if (obj && typeof this.props.filterFunc === 'function' && !this.props.filterFunc(obj)) {
+            const { newInnerState, filtered } = this.processOnObjectChangeElement(id, obj);
+            if (filtered) {
                 return;
             }
-
-            if (id.startsWith('system.adapter.') && obj && obj.type === 'adapter') {
-                const columnsForAdmin = JSON.parse(JSON.stringify(this.state.columnsForAdmin));
-                this.parseObjectForAdmins(columnsForAdmin, obj);
-                if (JSON.stringify(this.state.columnsForAdmin) !== JSON.stringify(columnsForAdmin)) {
-                    newState = { columnsForAdmin };
-                }
-            }
-
-            if (this.objects[id]) {
-                if (obj) {
-                    this.objects[id] = obj;
-                } else {
-                    delete this.objects[id];
-                }
-            }
+            newState = newInnerState;
         }
 
         newState && this.setState(newState);
@@ -3052,6 +3019,38 @@ class ObjectBrowser extends Component {
         }
     };
 
+    /**
+     * Processes a single element in regards to certain filters, columns for admin and updates object dict
+     * @param id The id of the object
+     * @param obj The object itself
+     * @returns {{filtered: boolean, newState: null}} Returns an object containing the new state (if any) and whether the object was filtered.
+     */
+    processOnObjectChangeElement(id, obj) {
+        console.log(`> objectChange ${id}`);
+        let newState = null;
+
+        if (obj && typeof this.props.filterFunc === 'function' && !this.props.filterFunc(obj)) {
+            return { newState, filtered: true };
+        }
+
+        if (id.startsWith('system.adapter.') && obj && obj.type === 'adapter') {
+            const columnsForAdmin = JSON.parse(JSON.stringify(this.state.columnsForAdmin));
+
+            this.parseObjectForAdmins(columnsForAdmin, obj);
+
+            if (JSON.stringify(this.state.columnsForAdmin) !== JSON.stringify(columnsForAdmin)) {
+                newState = { columnsForAdmin };
+            }
+        }
+        this.objects = this.objects || [];
+        if (obj) {
+            this.objects[id] = obj;
+        } else if (this.objects[id]) {
+            delete this.objects[id];
+        }
+        return { newState, filtered: false };
+    }
+
     /**
      * @private
      * @param {string} id