Undefined imported function in React Native?

Question

I'm working with API and React Native currently and just stumbled across a TypeError. I have 2 files, one for the screen that gets search query, and another file, api.js , that handles the search request to the API. I'm exporting a function from the api.js file and importing it into the search query file, but when I try to call it, I get a TypeError TypeError: (0, _api.findMovie) is not a function. (In '(0, _api.findMovie)(movieName)', '(0, _api.findMovie)' is undefined) TypeError: (0, _api.findMovie) is not a function. (In '(0, _api.findMovie)(movieName)', '(0, _api.findMovie)' is undefined) . Why is that?

Search.js

import { findMovie } from "../api";

export default class Search extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      value: ""
    };
  }

  getMovieName = async () => {
    const movieName = await this.state.value;
    const movieResult = await findMovie(movieName);
  };
  render() {
    return (
      <View>
        <Button title="Search" onPress={this.getMovieName} />
      </View>
    );
  }
}

api.js

const processMovie = movie => ({
  movie: movie.Title,
  starring: movie.Actors,
  year: movie.Year,
  country: movie.country,
  rating: movie.imdbRating
});

export const findMovie = async name => {
  const response = await fetch(
    `http://www.omdbapi.com/?apikey=myapikey&t=${name}`
  );
  const results = [await response.json()];
  console.log(results);
  return results.map(processMovie);
};

The Search.js file is located in /components, whereas api.js lies within the root directory. If any more information is needed, please let me know. Thanks in advance.

Answer 1

I have done minor changes in api.js. You may try them

export function findMovie = async (name) => {
  const response = await fetch(
    `http://www.omdbapi.com/?apikey=myapikey&t=${name}`
  );
  const results = await response.json();
  console.log(results);
  return results.map(processMovie);
};