fix types

README.md

@@ -1,6 +1,6 @@
 # 🚩 Challenge 1: 🥩 Decentralized Staking App
 
-![readme-1](https://raw.githubusercontent.com/Quantum3-Labs/speedrunstark/27d98363741df286d563e45152aa46195256d0d8/packages/nextjs/public/banner-decentralized-staking.svg)
+![readme-1](https://raw.githubusercontent.com/Quantum3-Labs/speedrunstark/7e7be92753ffa1f18f50976e97fdb0052ca9414a/packages/nextjs/public/banner-decentralized-staking.svg)
 
 🦸 A superpower of Ethereum is allowing you, the builder, to create a simple set of rules that an adversarial group of players can use to work together. In this challenge, you create a decentralized application where users can coordinate a group funding effort. If the users cooperate, the money is collected in a second smart contract. If they defect, the worst that can happen is everyone gets their money back. The users only have to trust the code.
 

packages/nextjs/app/stake-ui/page.tsx

@@ -6,6 +6,7 @@ import { useDeployedContractInfo } from "~~/hooks/scaffold-stark";
 
 const StakerUI: NextPage = () => {
   const { data: StakerContract } = useDeployedContractInfo("Challenge1");
+
   return (
     <StakeContractInteraction
       key={StakerContract?.address}

packages/nextjs/components/stake/StakeContractInteraction.tsx

@@ -13,7 +13,7 @@ import { uint256 } from "starknet-dev";
 import { BigNumberish } from "starknet";
 import { useScaffoldMultiContractWrite } from "~~/hooks/scaffold-stark/useScaffoldMultiContractWrite";
 
-export const StakeContractInteraction = () => {
+export const StakeContractInteraction = ({ address }: { address?: string }) => {
   const { address: connectedAddress } = useAccount();
   const { data: StakerContract } = useDeployedContractInfo("Challenge1");
   const { data: ExampleExternalContact } = useDeployedContractInfo(