fix: resolve type errors in ThemeProvider and ThemeToggle
- Remove import from 'next-themes/dist/types' (no longer exported) - Use React.ComponentProps<typeof NextThemesProvider> instead - Remove unsupported 'asChild' prop from TooltipTrigger - Remove unsupported 'side' prop from TooltipContent
This commit is contained in:
parent
9ec571389b
commit
178834f3b2
3 changed files with 12 additions and 12 deletions
2
next-env.d.ts
vendored
2
next-env.d.ts
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/// <reference types="next" />
|
||||
/// <reference types="next/image-types/global" />
|
||||
import "./.next/dev/types/routes.d.ts";
|
||||
import "./.next/types/routes.d.ts";
|
||||
|
||||
// NOTE: This file should not be edited
|
||||
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
|
||||
|
|
|
|||
|
|
@ -1,8 +1,10 @@
|
|||
"use client";
|
||||
|
||||
import { ThemeProvider as NextThemesProvider } from "next-themes";
|
||||
import { type ThemeProviderProps } from "next-themes/dist/types";
|
||||
|
||||
export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
|
||||
export function ThemeProvider({
|
||||
children,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NextThemesProvider>) {
|
||||
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -46,16 +46,14 @@ export function ThemeToggle() {
|
|||
return (
|
||||
<TooltipProvider>
|
||||
<Tooltip>
|
||||
<TooltipTrigger asChild>
|
||||
<button
|
||||
onClick={cycleTheme}
|
||||
className="p-3 rounded-lg border border-border bg-card hover:bg-muted transition-colors"
|
||||
aria-label={`Current theme: ${themeName}. Click to cycle.`}
|
||||
>
|
||||
<Icon className="h-5 w-5 text-foreground" />
|
||||
</button>
|
||||
<TooltipTrigger
|
||||
onClick={cycleTheme}
|
||||
className="p-3 rounded-lg border border-border bg-card hover:bg-muted transition-colors"
|
||||
aria-label={`Current theme: ${themeName}. Click to cycle.`}
|
||||
>
|
||||
<Icon className="h-5 w-5 text-foreground" />
|
||||
</TooltipTrigger>
|
||||
<TooltipContent side="right">
|
||||
<TooltipContent>
|
||||
<p>Theme: {themeName}</p>
|
||||
</TooltipContent>
|
||||
</Tooltip>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue