Don't use "render" as a file name in React

1

I was building a quick rendering component for tickets, and called the file ‘ticket-render.js’, the container file was called ‘ticket__render.js’ and the component itself was called ‘TicketRender’

I didn’t think twice about the naming convention, but React was throwing all kinds of weird fits and the code wouldn’t compile at all. After almost an hour of troubleshooting, I’ve renamed the file and component TicketDisplay and files ‘ticket-display.js’ and everything magically works now!

Am I going crazy, or does it say somewhere that any files with ‘render’ will break React? Is it happening to you guys too?

3 Likes
2

That seems extremely unlikely. Perhaps there was some other problem that ended up getting fixed accidentally when you made the change?