fix try it now btn

components/input-generation.tsx

@@ -1,6 +1,7 @@
 import classNames from "classnames";
 import { useRef, useState } from "react";
 import { HiLightBulb, HiSearch } from "react-icons/hi";
+import { useUpdateEffect } from "react-use";
 
 interface Props {
   prompt: string;
@@ -18,6 +19,8 @@ export const InputGeneration: React.FC<Props> = ({
   const [value, setValue] = useState<string>(prompt);
   const input = useRef<HTMLInputElement>(null);
 
+  useUpdateEffect(() => setValue(prompt), [prompt]);
+
   return (
     <div
       className="bg-white rounded-full p-3 w-full max-w-3xl flex items-center justify-between group transition-all duration-200 focus-within:ring-[6px] focus-within:ring-primary border-[2px] border-white focus-within:ring-opacity-40 focus-within:border-primary gap-3"