patch: improve error message (#609)

* improve error message that occurs when you put something that is not a react component inside the jsx

* add test

* Update PrimitiveComponent.ts

lib/components/base-components/PrimitiveComponent.ts

@@ -466,6 +466,11 @@ export abstract class PrimitiveComponent<
   }
 
   add(component: PrimitiveComponent) {
+    if (!component.onAddToParent) {
+      throw new Error(
+        `Invalid JSX Element: Expected a React component but received "${JSON.stringify(component)}"`,
+      )
+    }
     component.onAddToParent(this)
     component.parent = this
     this.children.push(component)

tests/components/primitive-components/invalid-jsx.test.tsx

@@ -0,0 +1,14 @@
+import { test, expect } from "bun:test"
+import { Circuit } from "lib"
+
+test("snippet-import1-contribution-board", async () => {
+  const circuit = new Circuit()
+
+  expect(() => {
+    circuit.add(
+      <board width="10mm" height="10mm">
+        {1}
+      </board>,
+    )
+  }).toThrowError("Invalid JSX Element")
+})