chore: remove ts-expect-error comments

Author: kentcdodds

packages/workshop-app/app/routes/_app+/_layout.tsx

@@ -503,7 +503,6 @@ function NavigationExerciseListItem({
 	return (
 		<motion.li
 			variants={itemVariants}
-			// @ts-expect-error framer-motion + latest typescript types has issues
 			className={cn(
 				// add gap of 3 to children, but using padding so the progress extends through the whole height
 				'py-[6px] first:pt-3 last:pb-3',
@@ -525,7 +524,6 @@ function NavigationExerciseStepListItem({
 	return (
 		<motion.li
 			variants={itemVariants}
-			// @ts-expect-error framer-motion + latest typescript types has issues
 			className={cn(
 				// add gap of 3 to children, but using padding so the progress extends through the whole height
 				'py-[6px] first:pt-3 last:pb-3',
@@ -582,7 +580,6 @@ function MobileNavigation({
 					/>
 					{isMenuOpened && (
 						<motion.div
-							// @ts-expect-error framer-motion + latest typescript types has issues
 							className="flex w-full flex-grow flex-col justify-between overflow-x-auto p-6 scrollbar-thin scrollbar-thumb-scrollbar"
 							initial={{ opacity: 0 }}
 							animate={{ opacity: 1 }}
@@ -591,7 +588,6 @@ function MobileNavigation({
 								variants={listVariants}
 								initial="hidden"
 								animate="visible"
-								// @ts-expect-error framer-motion + latest typescript types has issues
 								className="flex flex-col"
 							>
 								<span>
@@ -650,7 +646,6 @@ function MobileNavigation({
 													variants={listVariants}
 													initial="hidden"
 													animate="visible"
-													// @ts-expect-error framer-motion + latest typescript types has issues
 													className="ml-4 mt-2 flex flex-col"
 												>
 													<NavigationExerciseStepListItem
@@ -845,7 +840,6 @@ function MobileNavigation({
 								)}
 								{isMenuOpened ? (
 									<motion.div
-										// @ts-expect-error framer-motion + latest typescript types has issues
 										className="flex items-center whitespace-nowrap"
 										initial={{ opacity: 0 }}
 										animate={{ opacity: 1 }}
@@ -873,7 +867,6 @@ function MobileNavigation({
 								<Icon name="FastForward" className="flex-shrink-0" size="md" />
 								{isMenuOpened ? (
 									<motion.div
-										// @ts-expect-error framer-motion + latest typescript types has issues
 										className="flex items-center whitespace-nowrap"
 										initial={{ opacity: 0 }}
 										animate={{ opacity: 1 }}
@@ -972,7 +965,6 @@ function Navigation({
 					{isMenuOpened && (
 						<motion.div
 							style={{ width: OPENED_MENU_WIDTH }}
-							// @ts-expect-error framer-motion + latest typescript types has issues
 							className="flex flex-grow flex-col justify-between overflow-y-auto p-6 scrollbar-thin scrollbar-thumb-scrollbar"
 							initial={{ opacity: 0 }}
 							animate={{ opacity: 1 }}
@@ -981,7 +973,6 @@ function Navigation({
 								variants={listVariants}
 								initial="hidden"
 								animate="visible"
-								// @ts-expect-error framer-motion + latest typescript types has issues
 								className="flex flex-col"
 							>
 								<span>
@@ -1040,7 +1031,6 @@ function Navigation({
 													variants={listVariants}
 													initial="hidden"
 													animate="visible"
-													// @ts-expect-error framer-motion + latest typescript types has issues
 													className="ml-4 mt-2 flex flex-col"
 												>
 													<NavigationExerciseStepListItem
@@ -1252,7 +1242,6 @@ function Navigation({
 								)}
 								{isMenuOpened ? (
 									<motion.div
-										// @ts-expect-error framer-motion + latest typescript types has issues
 										className="flex items-center whitespace-nowrap"
 										initial={{ opacity: 0 }}
 										animate={{ opacity: 1 }}
@@ -1280,7 +1269,6 @@ function Navigation({
 								<Icon name="FastForward" className="flex-shrink-0" size="md" />
 								{isMenuOpened ? (
 									<motion.div
-										// @ts-expect-error framer-motion + latest typescript types has issues
 										className="flex items-center whitespace-nowrap"
 										initial={{ opacity: 0 }}
 										animate={{ opacity: 1 }}
@@ -1390,7 +1378,6 @@ function NavToggle({
 					transition={{ delay: 0.2 }}
 					initial={{ opacity: 0, y: 5 }}
 					animate={{ opacity: 1, y: 0 }}
-					// @ts-expect-error framer-motion + latest typescript types has issues
 					className="absolute right-5 whitespace-nowrap font-mono text-sm uppercase"
 				>
 					<Link to="/">{title}</Link>

packages/workshop-app/app/routes/progress.tsx

@@ -340,7 +340,6 @@ export function ProgressToggle({
 
 			<motion.button
 				ref={buttonRef}
-				// @ts-expect-error framer-motion + latest typescript types has issues
 				onClick={() => {
 					setStartAnimation(!optimisticCompleted)
 				}}
@@ -354,7 +353,6 @@ export function ProgressToggle({
 				{startAnimation ? (
 					<motion.div
 						ref={animationRef}
-						// @ts-expect-error framer-motion + latest typescript types has issues
 						className="absolute right-0 h-20 w-20 rounded-full bg-foreground/20"
 						initial={{
 							scale: 0.5,
@@ -372,7 +370,6 @@ export function ProgressToggle({
 				) : null}
 				<motion.div
 					aria-hidden
-					// @ts-expect-error framer-motion + latest typescript types has issues
 					className={clsx(
 						'relative flex h-8 w-8 items-center justify-center overflow-hidden rounded-full border transition',
 						{