Responsive design of tailwindcss is too slow

I'm making a blog with nextjs and I want to show or hide TOC(Table of Contents) responsively.

I'm using tailwindcss but the reaction is too slow.

Is there a solution?

This is my code

<div className={`invisible xl:visible`}>
  <TableOfContents />
</div>

Problem