Cannot use import statement outside a module

[M.Toseef]

I need to override the below function from frappe app in to my custom app:
show_search_row() {
// show or remove search columns based on grid rows
this.show_search =
this.show_search && (this.grid?.data?.length >= 20 || this.grid.filter_applied);
!this.show_search && this.wrapper.remove();
return this.show_search;
}

that is in the class:
export default class GridRow { …

located at:
/home/xadmin/frappe-bench/apps/frappe/frappe/public/js/frappe/form/grid_row.js

I tried will multiple approaches but can’t find solution. An immediate response would be appriciated!

[vijaywm]

How to override standard js class

How to override js class in frappe> Created one file attach.js in custom app> // Define the custom class extending frappe.ui.form.ControlAttach class CustomControlAttach extends frappe.ui.form.ControlAttach { // Override the clear_attachment method clear_attachment() { console.log("Custom clear_attachment method is loaded and executed"); // Add this line let me = this; if (this.frm) { // Remove the file from the form and refresh me.pars…

Use this approach… your js file must be built…

[M.Toseef]

I tried this but I was not working because this is the solution for class that is defined with a namespace and in my case, the class is used with import / export. Did you know how to solve when it’s used with import / export?