Required type in Typescript - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this TypeScript code using Required type?

Consider the following TypeScript code that uses the Required utility type. What will be the output when this code runs?

Typescript

interface User {
  id?: number;
  name?: string;
}

function printUser(user: Required<User>) {
  console.log(`ID: ${user.id}, Name: ${user.name}`);
}

const user = { id: 1, name: "Alice" };
printUser(user);

A TypeScript compile error because user properties are optional

B ID: undefined, Name: undefined

C ID: 1, Name: Alice

D Runtime error because properties are missing

💡 Hint

Think about what the Required type does to optional properties.

The Required type makes all optional properties required. Since the object passed has both properties, the function prints their values correctly.

❓ Predict Output

intermediate

What error does this code raise when using Required type incorrectly?

Look at this TypeScript code snippet. What error will it produce?

Typescript

interface Config {
  url?: string;
  timeout?: number;
}

const config: Required<Config> = { url: "http://example.com" };

A TypeScript error: Property 'timeout' is missing

B No error, code runs fine

C Runtime error: timeout is undefined

D TypeScript error: url property is optional

💡 Hint

Required makes all properties mandatory.

Since Required makes all properties required, missing 'timeout' causes a compile-time error.

🔧 Debug

advanced

Why does this function cause a TypeScript error with Required type?

This function expects a parameter of type Required. Why does the following code cause a TypeScript error?

Typescript

interface Person {
  name?: string;
  age?: number;
}

function greet(person: Required<Person>) {
  console.log(`Hello, ${person.name}!`);
}

greet({ name: "Bob" });

A Error because 'name' property is optional

B No error, function runs and prints 'Hello, Bob!'

C Runtime error because 'age' is undefined

D Error because 'age' property is missing in the argument

💡 Hint

Required makes all properties mandatory, so missing any causes error.

The argument lacks the 'age' property, which is required by Required, causing a compile-time error.

🧠 Conceptual

advanced

What does the Required type do in TypeScript?

Choose the best description of what the Required utility type does.

A It makes all properties of T readonly.

B It makes all properties of T required (non-optional).

C It removes all properties from T.

D It makes all properties of T optional.

💡 Hint

Think about the word 'Required'.

Required transforms all optional properties of T into required properties.

❓ Predict Output

expert

What is the output of this TypeScript code using Required with nested types?

Analyze this TypeScript code. What will it print when run?

Typescript

interface Address {
  street?: string;
  city?: string;
}

interface Employee {
  name?: string;
  address?: Address;
}

function printEmployee(emp: Required<Employee>) {
  console.log(`Name: ${emp.name}, Street: ${emp.address.street}, City: ${emp.address.city}`);
}

const emp = {
  name: "Eve",
  address: {
    street: "123 Main St",
    city: "Wonderland"
  }
};

printEmployee(emp);

A Name: Eve, Street: 123 Main St, City: Wonderland

B TypeScript error: address properties are optional

C Runtime error: Cannot read property 'street' of undefined

D Name: Eve, Street: undefined, City: undefined

💡 Hint

Required only applies to the top-level properties, not nested ones.

Required makes 'name' and 'address' required, but does not affect nested Address properties which remain optional. Since the object provides all nested properties, the output prints all values.