diff --git a/src/features/buyable.tsx b/src/features/buyable.tsx
index ad684cb..a2d58af 100644
--- a/src/features/buyable.tsx
+++ b/src/features/buyable.tsx
@@ -162,12 +162,10 @@ export function createBuyable<T extends BuyableOptions>(
         buyable.display = jsx(() => {
             // TODO once processComputable types correctly, remove this "as X"
             const currDisplay = unref(display) as BuyableDisplay;
-            if (
-                currDisplay != null &&
-                !isCoercableComponent(currDisplay) &&
-                buyable.cost != null &&
-                buyable.resource != null
-            ) {
+            if (isCoercableComponent(currDisplay)) {
+                return <currDisplay />;
+            }
+            if (currDisplay != null && buyable.cost != null && buyable.resource != null) {
                 const genericBuyable = buyable as GenericBuyable;
                 const Title = coerceComponent(currDisplay.title || "", "h3");
                 const Description = coerceComponent(currDisplay.description);