Why does Safari say Unexpected identifier instead?

Safari reports the same mistake differently: outside an async function it does not treat await as a keyword, so it fails on the token after it. The fix is the same.

Can I use await in a React useEffect?

Not directly in the effect function, because it must not return a promise. Define an async function inside the effect and call it.

Can you fix it for me?

If one bug is the whole problem, the App Fix Ticket covers it: a written diagnosis first, then the fix. If the app has more going on, the Launch Check is a written check of the whole app. Each issue found is rated critical, high, medium or low, with where it is and how it was confirmed. No issues worth fixing, no charge. If the Launch Check finds nothing rated medium or higher, Simon refunds the full $450. You keep the report either way. This applies to the first 10 Launch Checks bought after October 30, 2026.

“await Is Only Valid in Async Functions”: Fix

JavaScript errorJavaScript: “SyntaxError: await is only valid in async functions and the top level bodies of modules”

Code fails to load with SyntaxError: await is only valid in async functions and the top level bodies of modules (Chrome, Node.js) or await is only valid in async functions, async generators and modules (Firefox). The await keyword sits in a function not marked async, often a callback, or at the top level of a file that runs as a script rather than a module.

Short answer

Find the function that directly contains the await and add async to it. If the await is inside a callback such as forEach or map, that callback is the function that needs async, and forEach will not wait for it, so use a for...of loop or Promise.all instead. For await at the top level, run the file as an ES module: type="module" on the script tag in browsers, or .mjs or "type": "module" in package.json for Node.js.

Where the await is, and the fix

01
A function that is not marked async
“Therefore, await cannot be used in sync tasks, such as functions, generator functions, or top level of scripts.” MDN, SyntaxError: await is only valid in async functions
await is only allowed directly inside an async function. Add async to the function that contains it, then await that function where it is called.
```
// wrong
function loadUser(id) {
  const res = await fetch(`/api/users/${id}`);
}

// right
async function loadUser(id) {
  const res = await fetch(`/api/users/${id}`);
  return res.json();
}
```
02
Inside a forEach, map or event callback
The outer function may be async, but the arrow function passed to forEach is a separate function. Marking that callback async removes the error, but forEach still does not wait. Use for...of to run in order, or Promise.all with map to run in parallel.
```
for (const id of ids) {
  await save(id);
}

// or in parallel
await Promise.all(ids.map((id) => save(id)));
```
03
At the top level of a script
“await at the top level of a module.” Node.js, Packages: syntax detection
Top-level await works only in ES modules. In the browser, a classic script tag is not a module. In Node.js, .cjs files and packages with "type": "commonjs" are CommonJS. Node.js 22.7 and 20.19 and newer treat a .js file with no "type" field in the nearest package.json as a module when it uses top-level await, so the error mostly appears in older versions and in explicit CommonJS. If that file also calls require(), these versions throw a different error instead (Cannot determine intended module format): switch to import, or wrap the await in an async function.
```
<script type="module" src="/main.js"></script>

// package.json
{ "type": "module" }
```

When the file has to stay CommonJS

Wrap the top-level code in an async function and call it, handling errors so a rejection does not go unnoticed.

async function main() {
  const config = await loadConfig();
  startServer(config);
}
main().catch((err) => {
  console.error(err);
  process.exit(1);
});

Checked against the vendor’s docs on November 8, 2026: MDN: SyntaxError: await is only valid in async functions; Node.js: Packages (syntax detection).

Rather hand it over?

Fixed scope, fixed price, paid upfront. The work happens in writing; no call needed.

JavaScript errorJavaScript: “SyntaxError: await is only valid in async functions and the top level bodies of modules”

Where the await is, and the fix

A function that is not marked async

Inside a forEach, map or event callback

At the top level of a script

When the file has to stay CommonJS

Rather hand it over?

More on this error

Describe it and get a written quote