Typescript defining a state passed as a prop

user_18371666 0
Viewed 35
export interface ISideBarProps {
  open: any
  setOpen: any
}

export default function SideBar({ open, setOpen }: ISideBarProps) {
  return (
    <div
      className={`absolute left-0 top-0 h-screen w-[40vw] bg-gray-100 ${open ? "block" : "hidden"}`}
    >
      Sidebar
    </div>
  )
}

How would i define open and setopen properly as boolean states

typescript next.js reactjs function
2 Answers

you can use:

export interface ISideBarProps {
open:boolean,
setOpen:(open:boolean)=>void
}
user_143494290

Change the type of open and setOpen to boolean instead of any as below.

export interface ISideBarProps {
  open: boolean;
  setOpen: boolean;
}
user_175488240
Related