From 098a9765341aa820b22380961c5824288d10bf48 Mon Sep 17 00:00:00 2001
From: grzdev <damilolaoyeniyi13@gmail.com>
Date: Tue, 17 Feb 2026 20:42:26 +0100
Subject: [PATCH] fix(examples): guard missing filmId param in react star-wars
 example

---
 examples/react/star-wars/src/Film.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/examples/react/star-wars/src/Film.tsx b/examples/react/star-wars/src/Film.tsx
index da5349cfc44..2dda65cc236 100644
--- a/examples/react/star-wars/src/Film.tsx
+++ b/examples/react/star-wars/src/Film.tsx
@@ -3,8 +3,11 @@ import { useQuery } from '@tanstack/react-query'
 import { getFilm, getCharacter } from './api'
 
 export default function Film() {
-  let params = useParams()
-  const filmId = params.filmId!
+  const { filmId } = useParams()
+
+  if (!filmId) {
+    return <p>Invalid film ID</p>
+  }
 
   const { data, status } = useQuery({
     queryKey: ['film', filmId],
@@ -21,7 +24,7 @@ export default function Film() {
       <p>{data.opening_crawl}</p>
       <br />
       <h4 className="text-2xl">Characters</h4>
-      {data.characters.map((character: any) => {
+      {data.characters.map((character: string) => {
         const characterUrlParts = character.split('/').filter(Boolean)
         const characterId = characterUrlParts[characterUrlParts.length - 1]
         return <Character characterId={characterId} key={characterId} />