Duplicate className in deploy-button.tsx causing Tailwind CSS error in with-supabase example

[holykzm]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.6.0: Mon Jul 29 21:16:46 PDT 2024; root:xnu-10063.141.2~1/RELEASE_ARM64_T8112
  Available memory (MB): 16384
  Available CPU cores: 8
Binaries:
  Node: 20.11.1
  npm: 10.2.4
  Yarn: 1.22.22
  pnpm: N/A
Relevant Packages:
  next: 14.2.7 // Latest available version is detected (14.2.7).
  eslint-config-next: N/A
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which example does this report relate to?

with-supabase

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

In the deploy-button.tsx file of the with-supabase example, there is a duplicate className="h-3" in the SVG element. This causes a Tailwind CSS error due to the duplicate class.

Expected Behavior

The deploy-button.tsx file should not contain duplicate className values to avoid conflicts with Tailwind CSS.

To Reproduce

1. Clone the next.js repository.
2. Navigate to the examples/with-supabase/components/deploy-button.tsx file.
3. Check the SVG element and observe the duplicate className="h-3".

[github-actions]

This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.