diff --git a/typo3/sysext/backend/Classes/Controller/Page/TreeController.php b/typo3/sysext/backend/Classes/Controller/Page/TreeController.php
index 79f8c5384be5415e1fdb639f9137af9bdb0cb311..92a718067a4bdd719b86721b8717f6d11bb9eacc 100644
--- a/typo3/sysext/backend/Classes/Controller/Page/TreeController.php
+++ b/typo3/sysext/backend/Classes/Controller/Page/TreeController.php
@@ -281,31 +281,56 @@ class TreeController
         }
 
         $items = [];
-        $items[] = [
+        $item = [
             // Used to track if the tree item is collapsed or not
             'stateIdentifier' => $identifier,
             'identifier' => $pageId,
             'depth' => $depth,
             'tip' => htmlspecialchars($tooltip),
-            'hasChildren' => !empty($page['_children']),
             'icon' => $icon->getIdentifier(),
             'name' => $visibleText,
             'nameSourceField' => $nameSourceField,
-            'prefix' => htmlspecialchars($prefix),
-            'suffix' => htmlspecialchars($suffix),
-            'locked' => is_array($lockInfo),
-            'overlayIcon' => $icon->getOverlayIcon() ? $icon->getOverlayIcon()->getIdentifier() : '',
-            'selectable' => true,
-            'expanded' => (bool)$expanded,
-            'checked' => false,
-            'backgroundColor' => htmlspecialchars($backgroundColor),
-            'stopPageTree' => $stopPageTree,
-            'class' => $this->resolvePageCssClassNames($page),
-            'readableRootline' => $depth === 0 && $this->showMountPathAboveMounts ? $this->getMountPointPath($pageId) : '',
-            'isMountPoint' => $depth === 0,
             'mountPoint' => $entryPoint,
             'workspaceId' => !empty($page['t3ver_oid']) ? $page['t3ver_oid'] : $pageId,
         ];
+
+        if (!empty($page['_children'])) {
+            $item['hasChildren'] = true;
+        }
+        if (!empty($page['prefix'])) {
+            $item['prefix'] = htmlspecialchars($prefix);
+        }
+        if (!empty($page['suffix'])) {
+            $item['suffix'] = htmlspecialchars($suffix);
+        }
+        if (is_array($lockInfo)) {
+            $item['locked'] = true;
+        }
+        if ($icon->getOverlayIcon()) {
+            $item['overlayIcon'] = $icon->getOverlayIcon()->getIdentifier();
+        }
+        if ($expanded) {
+            $item['expanded'] = $expanded;
+        }
+        if ($backgroundColor) {
+            $item['backgroundColor'] = htmlspecialchars($backgroundColor);
+        }
+        if ($stopPageTree) {
+            $item['stopPageTree'] = $stopPageTree;
+        }
+        $class = $this->resolvePageCssClassNames($page);
+        if (!empty($class)) {
+            $item['class'] = $class;
+        }
+        $readableRootline = $depth === 0 && $this->showMountPathAboveMounts ? $this->getMountPointPath($pageId) : '';
+        if (!empty($readableRootline)) {
+            $item['readableRootline'] = $readableRootline;
+        }
+        if ($depth === 0) {
+            $item['isMountPoint'] = true;
+        }
+
+        $items[] = $item;
         if (!$stopPageTree) {
             foreach ($page['_children'] as $child) {
                 $items = array_merge($items, $this->pagesToFlatArray($child, $entryPoint, $depth + 1, ['backgroundColor' => $backgroundColor]));
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/PageTree/PageTree.js b/typo3/sysext/backend/Resources/Public/JavaScript/PageTree/PageTree.js
index 8d9a339a820cbc80ea5efcecd7ab9dcffa3a110c..1f8426def1a294c5f322ea4b5e23ffd72f811baf 100644
--- a/typo3/sysext/backend/Resources/Public/JavaScript/PageTree/PageTree.js
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/PageTree/PageTree.js
@@ -32,6 +32,22 @@ define(['jquery',
      */
     var PageTree = function() {
       SvgTree.call(this);
+      this.settings.defaultProperties = {
+        hasChildren: false,
+        nameSourceField: 'title',
+        prefix: '',
+        suffix: '',
+        locked: false,
+        overlayIcon: '',
+        selectable: true,
+        expanded: false,
+        checked: false,
+        backgroundColor: '',
+        stopPageTree: false,
+        class: '',
+        readableRootline: '',
+        isMountPoint: false,
+      };
     };
 
     PageTree.prototype = Object.create(SvgTree.prototype);
diff --git a/typo3/sysext/backend/Resources/Public/JavaScript/SvgTree.js b/typo3/sysext/backend/Resources/Public/JavaScript/SvgTree.js
index 0e92669a0e90a7ae0dc7dbfd6539277a584eef5b..1c9d6c25608acc04aa286bd08bab8d602a1a60ab 100644
--- a/typo3/sysext/backend/Resources/Public/JavaScript/SvgTree.js
+++ b/typo3/sysext/backend/Resources/Public/JavaScript/SvgTree.js
@@ -47,6 +47,7 @@ define(
         validation: {
           maxItems: Number.MAX_VALUE
         },
+        defaultProperties: {},
         unselectableElements: [],
         expandUpToLevel: null,
         readOnlyMode: false,
@@ -330,6 +331,7 @@ define(
 
         nodes = nodes || this.nodes;
         nodes = nodes.map(function(node, index) {
+          node = $.extend({}, _this.settings.defaultProperties, node);
           node.expanded = (_this.settings.expandUpToLevel !== null) ? node.depth < _this.settings.expandUpToLevel : Boolean(node.expanded);
           node.parents = [];
           node.parentsStateIdentifier = [];