Roact events are not binding

Hello,
I have recently made the following class for my button object in Roact, when attempting to add functions to events, it happens that the events are not working.

This is the code that I have.

local Roact = require(workspace.Roact)
local Button = Roact.Component:extend("Button")
function Button:init(props)
	self.gradientRotationCount, self.updateGradientRotationCount = Roact.createBinding(90)
end

function Button:render()
	return Roact.createElement("ImageButton",{
		Size = self.props.Size or UDim2.new(0,200,0,40),
		Position =self. props.Position or UDim2.new(0.5,0,0.5,0),
		AnchorPoint = self.props.AnchorPoint or Vector2.new(0.5,0.5),
		BackgroundTransparency = 1,
		Image = self.props.Image or "rbxassetid://5981360418",
		ImageColor3 = Color3.fromRGB(255,255,255),
		ScaleType = Enum.ScaleType.Slice,
		SliceCenter = Rect.new(10,10,10,10),
		SliceScale = 0.5,
		[Roact.Event.Activated] = function()
			print("hello world")	
		end,
		[Roact.Event.MouseButton1Down] = function(rbx)
			self.updateGradientRotationCount(-90)
		end,
		[Roact.Event.MouseButton1Up] = function(rbx)
			self.updateGradientRotationCount(90)
		end,
	},{
		Outline = Roact.createElement("ImageButton",{
			Image = self.props.Image or "rbxassetid://5981360137",
			ScaleType = Enum.ScaleType.Slice,
			SliceCenter = Rect.new(10,10,10,10),
			SliceScale = 0.5,
			BackgroundTransparency = 1,
			ImageColor3 = Color3.fromRGB(255,255,255),
			Size = UDim2.new(1,0,1,0)
		},{
			OutlineGradient = Roact.createElement("UIGradient",{
				Color = self.props.OutlineColor or ColorSequence.new(Color3.new(0,0,0)),
				Rotation = 90,
			}),
		}),
		Gradient = Roact.createElement("UIGradient",{
			Color = self.props.Color or ColorSequence.new(Color3.new(255,255,255)),
			Rotation = self.gradientRotationCount:map(function(val)
				return tonumber(val)
			end),
		}),
		Text = Roact.createElement("TextLabel",{
			Size = UDim2.new(1,0,1,0),
			BackgroundTransparency = 1,
			Font = self.props.TextFont,
			TextSize = self.props.TextSize or 12,
			TextWrapped = true,
			Text = self.props.Text or "Text",
			TextScaled = self.props.TextSize == "Auto" and true,
			TextColor3 = self.props.TextColor or Color3.fromRGB(0,0,0),
		})
	})
end

return Button

How do I resolve this problem?
Thank you.

Apologies for bump, I had this same issue and I’m not sure how I resolved it, really

I had a bunch of modules required by a starter script that destroyed itself, and when i removed that part, it worked

Just wanted to see if this would help you maybe, if ur still working on it