How to use the solid-js/dom.render function in solid-js

// Needs to be imported once to enable lifecycle hooks
import './dom_lifecycle';

import { render } from 'solid-js/dom';
import { App } from "./App";
import { StoreStandalone } from "./store_standalone";

let store = new StoreStandalone()

let el = document.getElementById('ROOT')!;
render(() => , el);

// Needs to be imported once to enable lifecycle hooks
import './dom_lifecycle';

import { render } from 'solid-js/dom';
import { App } from "./App";
import { StoreBackend } from "./store_backend";

let store = new StoreBackend()

let el = document.getElementById('ROOT')!;
render(() => , el);

let tmp = d[1];
      d[1] = d[998];
      d[998] = tmp;
      setData(d);
    }
  }

  function clear() {
    freeze(() => {
      setData([]);
      setSelected(null);
    });
  }
}

render(App, document.getElementById("main"));

{ row => (
        rowId = row.id,
        <table class="table table-hover table-striped test-data"><tbody>
      <tr>
          <td class="col-md-1">
          </td><td class="col-md-4"><a></a></td>
          <td class="col-md-1"><a><span aria-hidden="true" class="glyphicon glyphicon-remove"></span></a></td>
          <td class="col-md-6">
        </td></tr>
    </tbody></table>
      )}
    <span aria-hidden="true" class="preloadicon glyphicon glyphicon-remove">
  
}

render(App, document.getElementById("main"));
</span>