Every now and then, you'll encounter blockers about certain React features that were previously straightforward. Mainly because you need to work on typings.

In addition to green tests, there's nothing more satisfying than writing consistent and maintainable code with your team. For web projects, you probably have ESLint set up. If you're unsure or want an even stricter rule, read along.

In this article, we will try to make a simple button that switches between icons based on the selected theme - similar to what I use on my navbar up top. We'll then give it a nice rotate transition to give that sleek look, all without writing any CSS thanks to Tailwind.