#How to render a ServerComponent, that depends on Client State.

4 messages · Page 1 of 1 (latest)

steep oracle
#

Am trying to figure out how to use a getItems(query) Action, that uses a query provided by Client Component (zustand).

export default async function Page() {
  return (<main>
    {/* Search Bar that works on whole App */}
    <ClientSearchBar /> {/* Uses zustand for `query` and `setQuery` */}

    {/* ... */}

    {/* Get `query` from zustand store and pass it to `children` */}
    <ClientSearchResults>
      {/*
        Uses `query` to `actionGetSearchResults(query)`
        and renders the results
        and repeats when `query` changes
      */}
      <ServerSearchResults /> 
    </ClientSearchResults>
  </main>)
}
tiny moonBOT
#
Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

humble badger
steep oracle
#

ty