Cannot pass props to custom Dashboard component

[Asher-JH]

Describe the bug Unable to access data passed to custom Dashboard component. Props passed to the custom component is an empty object.

Installed libraries and their versions

• [email protected]
• @adminjs/[email protected]
• @adminjs/[email protected]
• [email protected]

To Reproduce Steps to reproduce the behaviour:

1. Create a React component and inside the component add a console.log(props)
2. Add the configuration to AdminJS options like below:

Expected behaviour Custom Dashboard component rendered & props passed in from handler we provided in configs

Desktop (please complete the following information if relevant):

• OS: MACOS
• Browser [chrome]

Additional context The rendering of the Dashboard component is working fine, only problem is no props is being passed in.

• Docs I referred to do not specify a specific return object for the dashboard handler ( Please correct I'm wrong )

  • https://docs.adminjs.co/tutorial-custom-dashboard.html
  • https://docs.adminjs.co/AdminJSOptions.html#PageHandler

• The example i referred to for passing data to the component

  • https://github.com/RafaelGoulartB/adminbro-dashboard/blob/main/src/adminbro-options.ts#:~:text=%7D%2C-,dashboard%3A%20%7B,%7D%2C,-rootPath%3A%20%27/admin%27

[Asher-JH]

I'm not sure if this is the way to do it, since the docs (correct me If I'm wrong) don't show exactly how we get the data returned in the handler as props in our custom Dashboard component.

1. Pass ur handler action in and return the data you need.
2. Use ApiClient from 'adminjs'
3. Manually call the handler from your component and store in useState

This is what works for me, though I would prefer to get data as props rather than manually call the handler

[dziraf]

The ApiClient approach has to stay in case the content is supposed to stay dynamic. We can consider pre-fetching the data for initial rendering though.