[FIX] crash when rendering component before mounting

This commit makes sure that Owl does not crash when a component is
created, then updated (for example, with a (observed) state change), and
then, some moment later, mounted.

The initial render is not useful, because it is not linked to a mounting
action anyway.  And it caused issues such as a crash when Owl tried to
patch it to a non existing target

src/component/component.ts

@@ -373,6 +373,9 @@ export class Component<Props extends {} = any, T extends Env = Env> {
   async render(force: boolean = false): Promise<void> {
     const __owl__ = this.__owl__;
     const currentFiber = __owl__.currentFiber;
+    if (!__owl__.vnode && !currentFiber) {
+      return;
+    }
     if (currentFiber && !currentFiber.isRendered && !currentFiber.isCompleted) {
       return scheduler.addFiber(currentFiber.root);
     }

tests/component/un_mounting.test.ts

@@ -338,6 +338,22 @@ describe("unmounting and remounting", () => {
     expect(detachedDiv.innerHTML).toBe("<div>2</div>");
   });
 
+  test("change state and render while not mounted ", async () => {
+    class App extends Component {
+      static template = xml`<div><t t-esc="state.val"/></div>`;
+      state = useState({ val: 1 });
+    }
+
+    const app = new App(null);
+
+    app.state.val = 2; // will call the render method (before being mounted)
+    await nextTick();
+
+    await app.mount(fixture);
+
+    expect(fixture.innerHTML).toBe("<div>2</div>");
+  });
+
   test("destroy and change state after mounted in detached dom", async () => {
     class App extends Component {
       static template = xml`<div><t t-esc="state.val"/></div>`;