Overriding the tree view of Department (or any OOB Entity)

Hi Team,
I am trying to override the way department treeview is rendered. I have some custom relationships which I want to render as child nodes as well.
So in my custom module in development mode, I used hooks.py and wrote

doctype_tree_js = {“Department” : “public/js/department_tree.js”}

In my module folder I created a file department_tree.js and to begin with just wrote

frappe.provide(‘frappe.treeview_settings’);
frappe.treeview_settings[‘Department’] = {
breadcrumb: ‘Hello World’,
title: ‘Chart of Departments’,
}

I went ahead and cleared the bench cache for my site as well as browser cache.
On reloading the department treeview, it is still using the OOB treeview js for department. Can someone suggest what I may be missing