Automate tasks, fix bugs, and build better

function movePoint(point = { x: 0, y: 0 }, delta = { dx: 10, dy: 10 }) {
// Validate that 'point' is an object
if (typeof point !== 'object' || point === null) {
console.error("movePoint Error: 'point' must be a non-null object.");
throw new TypeError("'point' must be an object with x and y properties.");
}

// Validate x and y values
if (typeof point.x !== 'number' || typeof point.y !== 'number') {
console.error("movePoint Error: 'point' is missing numeric x or y values.");
throw new TypeError("'point' must have numeric 'x' and 'y' properties.");
}

// Validate delta
if (typeof delta.dx !== 'number' || typeof delta.dy !== 'number') {
console.warn("Using default delta { dx: 10, dy: 10 } due to invalid input.");
delta = { dx: 10, dy: 10 };
}

function createStyleObject(classNames, style) {
return classNames.reduce((styleObject, className) => {
return {
...styleObject,
...style[className],
};
}, {});
}

function createClassNameString(classNames) {
return classNames.join(' ');
}

function isPlainObject(value) {
return value !== null && typeof value === 'object' && !Array.isArray(value);
}

function createChildren(style, useInlineStyles) {
let childrenCount = 0;
return (children) => {
childrenCount += 1;
return children.map((child, i) =>
createElement({
node: child,
style,
useInlineStyles,
key: `code-segment-${childrenCount}-${i}`,
})
);
};
}

You are a senior software engineer. Given the following code and error message, identify the likely root cause and propose a solution.

Code:
async function getUserProfile(userId) {
const user = fetch(`/api/users/${userId}`).then(res => res.json());
console.log('User profile:', user.name);
return user;
}

Error:
TypeError: Cannot read properties of undefined (reading 'name')
at getUserProfile (app.js:3:35)

Constraints:
Avoid changing APIs unless necessary
Optimize for readability and maintainability

Diagnosis of the issue:
The function attempts to access user.name, but user is a Promise and has not yet resolved to the actual user object. Therefore, user.name is effectively trying to access a property on an unresolved Promise, which leads to the TypeError.

Recommended fix:
Since the function is marked async, use await to resolve the Promise before attempting to access user.name. This ensures you’re working with the actual object, not a pending Promise.

Improved version of the code:
async function getUserProfile(userId) {
const user = await fetch(`/api/users/${userId}`).then(res => res.json());
console.log('User profile:', user.name);
return user;
}