imports.jsx

// With multiple package

import {
  connectHits,
  connectRefinementList
} from "react-instantsearch-connectors";
import {
  InstantSearch,
  Configure,
  SearchBox
} from "react-instantsearch-native";

const CustomHits = connectHits(() => null);
const CustomRefinementList = connectRefinementList(() => null);

const App = () => (
  <InstantSearch>
    <Configure hitPerPage={8} />

    <SearchBox />
    <CustomHits />
    <CustomRefinementList />
  </InstantSearch>
);

// With one package

import {
  InstantSearch,
  Configure,
  SearchBox,
  connectHits,
  connectRefinementList
} from "react-instantsearch-native";

const CustomHits = connectHits(() => null);
const CustomRefinementList = connectRefinementList(() => null);

const App = () => (
  <InstantSearch>
    <Configure hitPerPage={8} />

    <SearchBox />
    <CustomHits />
    <CustomRefinementList />
  </InstantSearch>
);