Unhandled Promise Rejection: TypeError: el is not an Object

[SamusAranX]

I'm using Safari on macOS Monterey.

This is how I tried initializing the autocompletion thing:

var ac;
window.addEventListener("load", function () {
	let config = {
		selector: ".autocomplete",
		wrapper: true,
		data: {
			src: async (query) => {
				try {
					let source = await fetch(SUGGEST_ENDPOINT);
					return await source.json();
				} catch (error) {
					return error;
				}
			},
			keys: null
		},
		debounce: 300,
		placeHolder: "Search",
	};
	ac = new autoComplete({config});
}

Every time I reload the site, I get this error in the console:

[Error] Unhandled Promise Rejection: TypeError: el is not an Object. (evaluating 'key in el')
	create (autoComplete.js:182)
	(anonymous function) (autoComplete.js:557)
	Promise
	init (autoComplete.js:547)
	autoComplete (autoComplete.js:649)
	(anonymous function) (core.js:35)

What's happening here?

[folknor]

Change

ac = new autoComplete({config});

to

ac = new autoComplete(config);

[SamusAranX]

Well, that was easy. Please adjust the usage instructions here (https://tarekraafat.github.io/autoComplete.js/#/usage?id=_2-script) because they currently tell you to do what I did.

[clementmas]

I agree, the instructions new autoComplete({ config }) are misleading. I had the same issue.