Return component variable

Signed-off-by: Ryan Luu <ryan.luu@ryanluu.dev>

Author: ryanlua

src/Components/Slot.luau

@@ -36,7 +36,7 @@ local function SlotButton(props: Props)
 		}),
 		ToolTip = React.createElement("TextLabel", {
 			Text = props.tooltipText or "",
-			[React.Tag] = "Tooltip",
+			[React.Tag] = "ToolTip",
 		}),
 		StyleLink = React.createElement("StyleLink", {
 			StyleSheet = game.ReplicatedStorage.Design.SatchelStyleSheet,

src/Stories/Backpack.story.luau

@@ -9,6 +9,8 @@ return {
 	react = React,
 	reactRoblox = ReactRoblox,
 	story = function()
-		return React.createElement(Backpack)
+		local component = React.createElement(Backpack, {})
+
+		return component
 	end,
 }

src/Stories/Slot.story.luau

@@ -6,26 +6,28 @@ local ReactRoblox = require("../../react-roblox")
 local Slot = require("../Components/Slot")
 
 local controls = {
-	toolName = "Sword",
-	slotNumber = "9",
-	toolImage = "rbxasset://Textures/Sword128.png",
-	tooltipText = "A classic sword",
-	equipped = false,
-	unlocked = false,
+	ToolName = "Sword",
+	SlotNumber = 9,
+	ToolImage = "rbxasset://Textures/Sword128.png",
+	TooltipText = "A classic sword",
+	Equipped = false,
+	Unlocked = false,
 }
 
 return {
 	react = React,
 	reactRoblox = ReactRoblox,
 	controls = controls,
 	story = function(props)
-		return React.createElement(Slot, {
-			toolName = props.controls.toolName,
-			slotNumber = props.controls.slotNumber,
-			toolImage = props.controls.toolImage,
-			tooltipText = props.controls.tooltipText,
-			equipped = props.controls.equipped,
-			unlocked = props.controls.unlocked,
+		local component = React.createElement(Slot, {
+			toolName = props.controls.ToolName,
+			slotNumber = props.controls.SlotNumber,
+			toolImage = props.controls.ToolImage,
+			tooltipText = props.controls.TooltipText,
+			equipped = props.controls.Equipped,
+			unlocked = props.controls.Unlocked,
 		})
+
+		return component
 	end,
 }