fix: type error

Signed-off-by: Innei <i@innei.in>
Innei · Apr 18, 2024 · e3bfebf · e3bfebf
1 parent 4fb83d5
commit e3bfebf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/components/layout/header/internal/HeaderActionButton.tsx b/src/components/layout/header/internal/HeaderActionButton.tsx
@@ -1,11 +1,10 @@
 import { forwardRef } from 'react'
 import clsx from 'clsx'
-import type { ForwardRefComponent } from 'framer-motion'
 
-export const HeaderActionButton: ForwardRefComponent<
+export const HeaderActionButton = forwardRef<
   HTMLButtonElement,
   JSX.IntrinsicElements['button']
-> = forwardRef(({ children, ...rest }, ref) => {
+>(({ children, ...rest }, ref) => {
   return (
     <button
       className={clsx(

diff --git a/src/components/ui/button/MotionButton.tsx b/src/components/ui/button/MotionButton.tsx
@@ -2,12 +2,12 @@
 
 import { forwardRef } from 'react'
 import { m } from 'framer-motion'
-import type { ForwardRefComponent, HTMLMotionProps } from 'framer-motion'
+import type { HTMLMotionProps } from 'framer-motion'
 
-export const MotionButtonBase: ForwardRefComponent<
+export const MotionButtonBase = forwardRef<
   HTMLButtonElement,
   HTMLMotionProps<'button'>
-> = forwardRef(({ children, ...rest }, ref) => {
+>(({ children, ...rest }, ref) => {
   return (
     <m.button
       initial={true}