Function checkAttributeUsage

packages/base/src/jsx-dev-runtime.ts:28–41

(type: string | typeof UI5Element, props: Record<string, any>)

}

function checkAttributeUsage(type: string | typeof UI5Element, props: Record<string, any>) {
	if (!isUI5ElementClass(type)) {
		return;
	}

	const tag = type.getMetadata().getTag();
	const componentAttributes = type.getMetadata().getAttributesList();
	Object.keys(props).forEach(prop => {
		if (prop.includes("-") && componentAttributes.includes(prop)) {
			// eslint-disable-next-line no-console
			console.warn(`Avoid attribute usage in favour of properties ['${prop}' --> '${kebabToCamelCase(prop)}'] for tag [${tag}]. Check stack trace to find out which template causes this. Attributes are not type-checked and boolean conversion is manual and error-prone.`);
		}
	});
}

export function Fragment(props: Record<string, any>, context?: any) {
	return _Fragment(props, context);