you can make the page async and await the plant search.

hmm im just doing this as a babystep towards having that hardcoded search come from an input

just have not made the input yet

would i need to make the page async in that situation?

i should probably just look up next api tutorial

how would i do that?

add the word async before function, and the word await before plant search.

theres a couple functions

the page. the entire page

the Home function

and await before the function definition of plant search?

or const plants = plantSearch() @DirtyCajunRice | AppDir ?

this one

now im getting this

do you have “use client” at the top?

nope

why is it necessary?

this client server stuff is so confusing to me still

nono

you dont want client

ah

can you re-paste the file now that its edited

i figured i was doing this completely wrong

move the plant search function out of the component

like move it above

and what is the error when you hover over item? that its not typed i assume?

yea not typed

same error

thats really really odd

ah maybe because im not throwing in a key

is this it?

1: add : any

2 yes add key

kk

so (item: any, key)

then key={key}

or whatever you prefer lol

awesome thank you 🙂 now just have to figure out this unconfigured host image

but should be easy

docs search image next config

its in the config.ts

yea

nailed it

bit confused by the port and pathname values

is pathname /image/o/**

oh schnikeys it worked

hahaha

well thats pretty cool, thats way easier than spinning up proxy server

so now if i want to stop hardcoding it to search for rose, and instead search for an input

i'd make Home not async again

make another component called PlantSearchList and make that async

right!

cool cool