title: Typescript strict boolean expression error
body: <p>While creating conditional classes with the following lines of code:</p>
  <pre><code>className={({ selected }) =&gt;
      classNames(
          selected
              ? 'bg-gray-100 text-gray-900'
              : 'text-gray-600 hover:bg-gray-50 hover:text-gray-900',
          'group flex items-center px-2 py-2 text-base font-medium rounded-md'
      )
  }
  </code></pre>
  <p>But I keep getting a <code>Type '({ selected }: { selected: any; }) =&gt; string' is not assignable to type 'string'.ts(2322)</code> error.</p>
  <p>I have tried explicitly adding an <code>any</code> type but it didn't work.</p>
  <p>Because I also integrated <code>eslint</code> to my project, I even tried adding a <code>eslint-disable-next-line @typescript-eslint/strict-boolean-expressions</code> rule just above the <code>selected</code> parameter, all to no avail.</p>
  <p>Please can anyone figure out what I am doing wrong?</p>