chore: replace swapi.co with swapi.org (TanStack#487)

Co-authored-by: Mees van Dongen <mvandongen@ilionx.com>

Author: meesvandongen

examples/star-wars/src/Character.js

@@ -8,7 +8,7 @@ import {
   TableContainer,
   TableHead,
   TableRow,
-  Paper
+  Paper,
 } from "@material-ui/core";
 import { Link as RouterLink } from "react-router-dom";
 import { withRouter } from "react-router";
@@ -18,7 +18,7 @@ import fetch from "./fetch";
 function Character(props) {
   const characterId = props.match.params.characterId;
   const { status, error, data } = useQuery(`character-${characterId}`, () =>
-    fetch(`https://swapi.co/api/people/${characterId}/`)
+    fetch(`https://swapi.dev/api/people/${characterId}/`)
   );
 
   if (status === "loading") return <p>Loading...</p>;
@@ -74,7 +74,7 @@ function Character(props) {
       </TableContainer>
       <br />
       <Typography variant="h4">Films</Typography>
-      {data.films.map(film => {
+      {data.films.map((film) => {
         const filmUrlParts = film.split("/").filter(Boolean);
         const filmId = filmUrlParts[filmUrlParts.length - 1];
         return <Film id={filmId} key={`Film-${filmId}`} />;
@@ -86,7 +86,7 @@ function Character(props) {
 function Film(props) {
   const { id } = props;
   const { data, status, error } = useQuery(`film-${id}`, () =>
-    fetch(`https://swapi.co/api/films/${id}/`)
+    fetch(`https://swapi.dev/api/films/${id}/`)
   );
 
   if (status !== "success") {
@@ -106,7 +106,7 @@ function Film(props) {
 function Homeworld(props) {
   const { id } = props;
   const { data, status } = useQuery(`homeworld-${id}`, () =>
-    fetch(`https://swapi.co/api/planets/${id}/`)
+    fetch(`https://swapi.dev/api/planets/${id}/`)
   );
 
   if (status !== "success") {

examples/star-wars/src/Characters.js

@@ -6,7 +6,7 @@ import fetch from "./fetch";
 
 export default function Characters(props) {
   const { status, error, data } = useQuery("characters", () =>
-    fetch(`https://swapi.co/api/people/`)
+    fetch(`https://swapi.dev/api/people/`)
   );
 
   if (status === "loading") return <p>Loading...</p>;
@@ -15,7 +15,7 @@ export default function Characters(props) {
   return (
     <div>
       <Typography variant="h2">Characters</Typography>
-      {data.results.map(person => {
+      {data.results.map((person) => {
         const personUrlParts = person.url.split("/").filter(Boolean);
         const personId = personUrlParts[personUrlParts.length - 1];
         return (

examples/star-wars/src/Film.js

@@ -8,7 +8,7 @@ import fetch from "./fetch";
 function Film(props) {
   const filmId = props.match.params.filmId;
   const { data, status, error } = useQuery(`film-${filmId}`, () =>
-    fetch(`https://swapi.co/api/films/${filmId}/`)
+    fetch(`https://swapi.dev/api/films/${filmId}/`)
   );
 
   if (status === "loading") return <p>Loading...</p>;
@@ -24,7 +24,7 @@ function Film(props) {
       <Typography variant="body1">{data.opening_crawl}</Typography>
       <br />
       <Typography variant="h4">Characters</Typography>
-      {data.characters.map(character => {
+      {data.characters.map((character) => {
         const characterUrlParts = character.split("/").filter(Boolean);
         const characterId = characterUrlParts[characterUrlParts.length - 1];
         return <Character id={characterId} key={characterId} />;
@@ -36,7 +36,7 @@ function Film(props) {
 function Character(props) {
   const { id } = props;
   const { data, status, error } = useQuery(`character-${id}`, () =>
-    fetch(`https://swapi.co/api/people/${props.id}/`)
+    fetch(`https://swapi.dev/api/people/${props.id}/`)
   );
 
   if (status !== "success") {

examples/star-wars/src/Films.js

@@ -6,7 +6,7 @@ import fetch from "./fetch";
 
 export default function Films(props) {
   const { data, status, error } = useQuery("films", () =>
-    fetch("https://swapi.co/api/films/")
+    fetch("https://swapi.dev/api/films/")
   );
 
   if (status === "loading") {
@@ -19,7 +19,7 @@ export default function Films(props) {
   return (
     <div>
       <Typography variant="h2">Films</Typography>
-      {data.results.map(film => {
+      {data.results.map((film) => {
         const filmUrlParts = film.url.split("/").filter(Boolean);
         const filmId = filmUrlParts[filmUrlParts.length - 1];
         return (