I’m making a menu bar with tsx, but when I press the menu bar, the icon should be converted, but it won’t. Which part is the problem?
“use client” import { useState } from “react”; import Link from “next/link”; import Image from “next/image”; import { FontAwesomeIcon } from “@fortawesome/react-fontawesome”; import { faBars, faXmark } from “@fortawesome/free-solid-svg-icons”; export default function Navigation() { const [showSideBar, setShowSideBar] = useState<boolean>(false) const toggleNavbar = ():void => { setShowSideBar(!showSideBar) } return ( <> <title>sweetieGN</title> <nav> <Image className=”inline-block h-10 […]
Is there a type that corresponds to “nothing” in the JSX (different from undefined or null)
In React with TypeScript, I’m looking for a way to type children on a component so that it can accept 1 or 2 ReactElement, and I was wondering if there is a way to type something as, for example, ReactElement | nothing, for the 2nd element, where “nothing” is the equivalent of it not being declared in the JSX at all (so, different from undefined or null).
I know you can use ReactElement | [ReactElement, ReactElement] to say “either 1 or 2 ReactElement”, but that gets annoying the more elements you add.
How do I combine React and my Web Components Types?
I have a Stencil generated web component library, we’re not using the React wrapper, but it outputs the d.ts files for all our components. These outline what can be on them ie <avatart name="s">, defining the intrinsic elements in our global.d.ts, I can make that type happy, hurray