When I change from tsx to jsx In next js , the design on the browser page changes

I am building a project using typescript for some files, for other files that were in tsx I changed them to jsx but the issue I am facing is that the design in the browser of that file changes! ,

I did not make any changes to the tailwind or CSS related to those files, its only from the conversion of tsx to jsx (if I convert back to TSX the design will be okay again )

I am using Next js 14 and tailwind CSS