fix: added proper types when interacting with toOpenAi

src/components/GameCreator.tsx

@@ -279,11 +279,25 @@ export default function GameCreator() {
 									try {
 										setLoading(true);
 
+										const {
+											command,
+											prompt,
+											temperature,
+											template,
+											model,
+											maxTokens,
+										} = formObject;
+
 										const client = createClient(
 											formObject.openAIAPIKey as string
 										);
 										const answer = await toOpenAI({
-											...formObject,
+											command: command as string,
+											prompt: prompt as string,
+											temperature: temperature as string,
+											template: template as string,
+											model: model as string,
+											maxTokens: maxTokens as string,
 											client,
 										});
 
@@ -376,6 +390,7 @@ export default function GameCreator() {
 													Run
 												</Typography>
 											</Button>
+											<Box sx={{ flex: 1 }} />
 										</Stack>
 									</Stack>
 

src/services/api/index.ts

@@ -1,8 +1,18 @@
-import { ChatCompletionRequestMessage } from "openai";
+import { ChatCompletionRequestMessage, OpenAIApi } from "openai";
 import { nanoid } from "nanoid";
 import { extractCode, miniPrompt } from "@/utils/prompt";
 import { systemMessage } from "@/constants";
 
+interface ToOpenAIProps {
+	command: string;
+	prompt: string;
+	temperature: string;
+	template: string;
+	model: string;
+	maxTokens: string;
+	client: OpenAIApi | null;
+}
+
 export async function toOpenAI({
 	command = "CREATE_GAME",
 	prompt = "extend the code",
@@ -11,7 +21,7 @@ export async function toOpenAI({
 	model = "gpt-3.5-turbo",
 	maxTokens = "2048",
 	client = null,
-}) {
+}: ToOpenAIProps) {
 	if (client === null) {
 		throw new Error("OpenAI client is not defined");
 	}

src/services/api/openai.ts

@@ -1,5 +1,5 @@
 import { Configuration, OpenAIApi } from "openai";
 
-export const createClient = (apiKey: string) => {
+export const createClient = (apiKey: string): OpenAIApi => {
 	return new OpenAIApi(new Configuration({ apiKey }));
 };