Listen to ReactiveBase

[kud]

I would like to listen what happens on ReactiveBase via transformResponse but I don't know what to return exactly to still make it work.

This does not work:

    transformResponse={(elasticsearchResponse, componentId) => {
      console.log(elasticsearchResponse, componentId)

      return elasticsearchResponse
    }}

[niraj-ads]

I would like to listen what happens on ReactiveBase via transformResponse but I don't know what to return exactly to still make it work.

This does not work:

    transformResponse={(elasticsearchResponse, componentId) => {
      console.log(elasticsearchResponse, componentId)

      return elasticsearchResponse
    }}

@kud, were you able to find a solution for that?

[kud]

Nope

[mohdashraf010897]

Hey 👋 @kud @niraj-ads

Referring to the docs 👇

transformResponse function is expected to return data in following structure.

{
    response: [
        {
            hits: {
                hits: [...],
                total: 100
            },
            took: 1
        }
    ]
}

Somewhat like

    <ReactiveBase
        app="appname"
        credentials="abcdef123:abcdef12-ab12-ab12-ab12-abcdef123456"
        headers={{
            secret: 'reactivesearch-is-awesome'
        }}
        transformResponse={async (elasticsearchResponse, componentId) => {
            const ids = elasticsearchResponse.responses[0].hits.hits.map(
                item => item._id
            );
            const extraInformation = await getExatraInformation(ids);
            const hits = elasticsearchResponse.responses[0].hits.hits.map(
                (item) => {
                    const extraInformationItem = extraInformation.find(
                        otherItem => otherItem._id === item._id
                    );
                    return {
                        ...item,
                        ...extraInformationItem
                    };
                }
            );

            return {
                response: [
                    {
                        ...elasticsearchResponse.responses[0],
                        hits: {
                            ...elasticsearchResponse.responses[0].hits,
                            hits
                        }
                    }
                ]
            };
        }}
    >
        <Component1 .. />
        <Component2 .. />
    </ReactiveBase> 

We have got docs that explain every prop used in the simplest possible manner. You might want to refer them here 😄

Let us know if the answer solves your query.

Thanks.