I have a requirement to hide Search box on home page of a SPO site. It is a modern page so need to hide the search box using application customizer.

I tried with both options. Added code on init() and _renderPlaceHolders().
Code used:
let elementToEdit: any;
elementToEdit = document.getElementById('sbcId');
elementToEdit.style.display ="none";
While debugging , I can see it hides the search box but on coming out of debug mode , search box appears again.
Please suggest the way to achieve this.