[Solved] What is wrong with this Remix loader code?export async function loader() { return new Response('Hello', { headers: { 'Cache-Control': max-age=3600 } }); } | Remix

Remix - Performance

What is wrong with this Remix loader code?

export async function loader() {
  return new Response('Hello', {
    headers: { 'Cache-Control': max-age=3600 }
  });
}

ALoader function must return a JSON response, not a Response object

BResponse body must be a JSON object, not a string

CHeaders object should be inside a separate Headers() constructor

Dmax-age=3600 is not a string, it should be quoted

Step-by-Step Solution

Solution:

Step 1: Inspect header value
The value for 'Cache-Control' must be a string, but max-age=3600 is unquoted.
Step 2: Understand JavaScript syntax
Without quotes, max-age=3600 is treated as an undefined variable or expression, causing an error.
Step 3: Correct usage
It should be 'Cache-Control': 'max-age=3600' with quotes around the value.
Final Answer:
max-age=3600 is not a string, it should be quoted -> Option D
Quick Check:
Header values must always be strings [OK]

Quick Trick: Cache-Control values must be strings in quotes [OK]

Common Mistakes:

MISTAKES

Master "Performance" in Remix

9 interactive learning modes - each teaches the same concept differently

More Remix Quizzes

What is wrong with this Remix loader code?