The msearch request must be terminated by a newline [\n]

Affected Projects: React

Library Version: 4.0.0-rc.10

Describe the bug

I am migrating from version 3.43.6 to 4.0.0-rc.10 and it is giving me an unusual error

{
    "error": {
        "root_cause": [
            {
                "type": "illegal_argument_exception",
                "reason": "The msearch request must be terminated by a newline [\n]"
            }
        ],
        "type": "illegal_argument_exception",
        "reason": "The msearch request must be terminated by a newline [\n]"
    },
    "status": 400
}

To Reproduce

import React from "react";
import { ReactiveBase, SearchBox } from "@appbaseio/reactivesearch";

function List() {
  return (
    <ReactiveBase
      url="https://my-elastic.com"
      app="products"
      credentials="aaa:bbb"
      transformRequest={(props) => ({
        ...props,
        url: props.url.replace("_reactivesearch", "_msearch")
      })}
    >
      <SearchBox
        componentId="searchbox"
        dataField={[
          {
            field: "products.code.keyword",
            weight: 20
          }
        ]}
        placeholder="Search for books or authors"
      />
    </ReactiveBase>
  );
}

export default List;

appbaseio / reactivesearch

The msearch request must be terminated by a newline [\n] #2212