Hello, I need help with styling issues on the landing page of the crypto app. I've made the charts responsive, but there's a layout shift when the data loads due to the loading indicator size which is smaller than the chart size. I'm seeking assistance to ensure the loading indicator matches the chart size to prevent layout shifts. https://www.loom.com/share/de3e7d917eb04c5b8414586ed3505c6f

edit: I figured it out but leaving the question up anyway. Below is some code I have for the crypto app. Nothing special. I'm just playing around for now to get used to it. I'm getting the bitcoin data here for now. When I fire up "npm run dev" everything happens like it should. The console prints "made it" so I know it's at least firing the getData function. However anytime I try and click the button to console log "test" nothing prints but the "up" hook does increment. So I know the function is getting called. Why does it not console log in my handleClick method but it does call the hook? "use client"; import { useState } from "react"; import { Title, MainWrapper, GraphWrapper, CoinHeaderWrapper, CoinStatsWrapper, } from "./styles"; export default function Home() { const [up, setUp] = useState(0); async function getData() { let data = await fetch( "https://api.coingecko.com/api/v3/coins/bitcoin/market_chart?vs_currency=usd&days=180&interval=daily" ); console.log("made it"); let bitCoinNumbers = await data.json(); } const handleClick = () => { setUp(up + 1); console.log("test"); }; getData(); return ( ... <button className="bg-white" onClick={handleClick}> {up} </button> ... ); }

here;s the portfolio, what do you think: https://www.catalinsiegling.com/

Good warmup for what's to come https://codepen.io/James-R-the-sans/pen/BagxyZX?editors=0011

https://github.com/RyanHazlewood0/crypto-app/pull/21 on the individual coin page my currency selector works for changing from usd to nzd, gbp or aud. using the index signature thing for dynamic properties. the data from that data point looks like this: market_data: {current_price: { usd: 5, aud: 7 } } but now im trying to make it the correct currency across the whole app including carousel, table etc but the data point which they use for price is a different one that doesn't have different currencies. it looks like this instead: current_price: 5 (only usd automatically) bit confused about how to approach it, appreciate any advice.