refactor: don't mutate props

src/components/form/SelectCardForm.tsx

@@ -1,7 +1,7 @@
-import {useEffect, useState} from 'react';
-import {Card} from '../../context/universe/Card';
-import {Button} from '../common/Button';
-import {Select} from '../common/Select';
+import { useEffect, useMemo, useState } from 'react';
+import { Card } from '../../context/universe/Card';
+import { Button } from '../common/Button';
+import { Select } from '../common/Select';
 
 export function SelectCardForm({
 	options,
@@ -13,7 +13,10 @@ export function SelectCardForm({
 	onSelectCard: (card: Card['name']) => void;
 }) {
 	const [cardName, setCardName] = useState(options[0]);
-	const orderedOptions = options.sort((a, b) => a.localeCompare(b));
+	const orderedOptions = useMemo(
+		() => [...options].sort((a, b) => a.localeCompare(b)),
+		[options],
+	);
 
 	useEffect(() => {
 		if (options.length === 0) {