Andrei L unrevised6419

Note

This is a generic issue template to raise awareness about exactOptionalPropertyTypes support across TypeScript libraries.

Summary

This package's types are not fully compatible with TypeScript's exactOptionalPropertyTypes compiler flag (tsconfig.json).

Problem

With exactOptionalPropertyTypes: true, optional properties behave differently — they can’t be assigned undefined unless it's explicitly part of the type. Currently, this library's types treat optional properties as implicitly allowing undefined, which causes type errors in strict setups.

npm init
git ignore
ni ts
add tsconfig.json, tsconfig.1.json, tsconfig2.json (+ schema)
add file.ts, file1.ts, file2.ts with params example
run from terminal, show IDE
add TS Config no property index
run from terminal, show IDE
Fix
run from terminal, show IDE

	#!/usr/bin/env bash
	set -euo pipefail

	# List all starred archived GitHub repositories, then optionally unstar them.

	echo "Fetching starred repositories..."

	archived_repos=()
	page=1

	[...$0.children]
	.map(el => el.querySelector('.thumbnail-overlay-badge-shape.ytd-thumbnail-overlay-time-status-renderer').textContent)
	.map(time => time.split(':').reverse())
	.map(([s = '0' , m = '0', h = '0']) => Number(s) + (Number(m) * 60) + (Number(h) * 3600))
	.reduce((a, c) => a + c, 0)/3600

	javascript: (() => {
	/* First open YT Transcript Panel, then copy paste this snippet into the console */
	let linesEl = [...document.querySelector('#segments-container').children];
	let linesTextIrregular = linesEl.map(el => el.textContent.trim());
	let linesText = linesTextIrregular.map(l => l.split('\n').map(s => s.trim()).filter(Boolean).join(' '));
	let paragraph = linesText.join('\n');
	copy(paragraph);
	})();

	<template>
	<component :is="vnode" />
	</template>

	<script setup lang="ts">
	import {
	h,
	onServerPrefetch,
	shallowRef,
	watch,

	declare global {
	interface FormDataEnhanced<FormName extends string> {
	get(name: FormName): FormDataEntryValue \| null;
	}

	var FormDataEnhanced: {
	prototype: FormDataEnhanced<string>;
	new<FormName extends string>(form?: HTMLFormElement, submitter?: HTMLElement \| null): FormDataEnhanced<FormName>;
	};
	}

	"use client";

	import { startTransition, type TransitionFunction } from "react";

	function useStartTransition<Args extends unknown[]>(
	cb: (...args: Args) => ReturnType<TransitionFunction>,
	) {
	return (...args: Args) => startTransition(() => cb(...args));
	}

	import {
	inject,
	provide,
	type InjectionKey,
	type SlotsType,
	type ComputedRef,
	computed,
	toRef,
	defineComponent,
	} from 'vue';

	const cacheControlDirective = new GraphQLDirective({
	name: 'cacheControl',
	locations: [
	DirectiveLocation.FIELD_DEFINITION,
	DirectiveLocation.OBJECT,
	DirectiveLocation.INTERFACE,
	DirectiveLocation.UNION,
	],
	args: {
	maxAge: {