Make sure that we set empty references as Maybe.Nothing.

runtime/src/utilities.js

@@ -33,8 +33,10 @@ export const bracketAccess = (array, index, just, nothing) => {
 
 // This sets the references to an element or component. The current
 // value is always a `Maybe`
-export const setRef = (value, just) => (element) => {
-  if (value.current._0 !== element) {
+export const setRef = (value, just, nothing) => (element) => {
+  if (element === null) {
+    value.current = new nothing();
+  } else {
     value.current = new just(element);
   }
 };

spec/compilers/component_instance_access

@@ -78,6 +78,6 @@ export const
     return C(`div`, {
       "onClick": d
     }, [C(K, {
-      _: H(c, I)
+      _: H(c, I, J)
     })])
   };

spec/compilers/component_instance_access_2

@@ -31,6 +31,6 @@ export const
   a = C(new F()),
   H = () => {
     return B(G, {
-      _: D(a, E)
+      _: D(a, E, F)
     })
   };

spec/compilers/component_instance_access_ref

@@ -49,7 +49,7 @@ export const
     }, []);
     (_ ? _(b) : null);
     return D(`div`, {
-      ref: E(a, I)
+      ref: E(a, I, J)
     })
   },
   L = () => {
@@ -74,6 +74,6 @@ export const
     return D(`div`, {
       "onClick": d
     }, [D(K, {
-      _: E(c, I)
+      _: E(c, I, J)
     })])
   };

spec/compilers/html_attribute_ref

@@ -23,6 +23,6 @@ export const
   G = () => {
     const a = B(new F());
     return C(`div`, {
-      ref: D(a, E)
+      ref: D(a, E, F)
     })
   };

spec/compilers/test_with_reference

@@ -31,7 +31,7 @@ export default () => {
         const a = C(new G());
         return (() => {
           D(`button`, {
-            ref: E(a, H)
+            ref: E(a, H, G)
           });
           return F(a.current, new G())
         })()

spec/compilers/test_with_reference_component

@@ -47,7 +47,7 @@ export default () => {
         const b = E(new H());
         return (() => {
           C(J, {
-            _: F(b, I)
+            _: F(b, I, H)
           });
           return G(b.current, new H())
         })()

src/compilers/html_component.cr

@@ -21,7 +21,7 @@ module Mint
 
         node.ref.try do |ref|
           attributes["_"] =
-            js.call(Builtin::SetRef, [[ref] of Item, just])
+            js.call(Builtin::SetRef, [[ref] of Item, just, nothing])
         end
 
         if component.async?

src/compilers/html_element.cr

@@ -78,7 +78,7 @@ module Mint
 
         node.ref.try do |ref|
           attributes["ref"] =
-            js.call(Builtin::SetRef, [[ref] of Item, just])
+            js.call(Builtin::SetRef, [[ref] of Item, just, nothing])
         end
 
         js.call(Builtin::CreateElement, [