Roact JSX broken 2025?

[maxvat]

i am using ROJO and testing out roact JSX in a .tsx file, but Instance.new fails to create specified component on run. correct me if i’m wrong, but my best guess is that roblox used to allowed to instantiate objects regardless of class naming case, but since now you must word in correct case (imagelabel, screengui) → (ImageLabel, ScreenGui) it broke roact.

[maxvat]

here’s tutorial for trying it out:

Using Roblox-ts, Roact and JSX to create and manage UIs

Introduction As of late, I’ve been experimenting with Roact and have found it to be brilliant at creating beautiful UIs. Using it with Roblox-ts allows you to use JSX but customised for Roblox. This is some seriously awesome stuff that I’d like to teach. Shall we begin? Tutorial parts Prerequisites Setup Beginning with Roact Event handling Creating components Using a component’s state Utilising component bindings Applying references to elements with refs Lifecycl…

[maxvat]

I found that the issue was with ts compiler. Solved by readding .tsx files to trigger recompilation after using these settings in tsconfig.json:

{
	"compilerOptions": {
		"jsx": "react",
		"jsxFactory": "Roact.jsx",
		"jsxFragmentFactory": "Roact.Fragment",
	},
}

[ReturnedTrue (Tr_uth)]

Hi! My tutorial is a bit aged nowadays, you should prefer using the React package (over Roact) since it has better optimization and a 1:1 API with the React you see in the web.

@rbxts/react