# MUI Google Places Autocomplete
React component for easily use Google Places Autocomplete, which uses the MUI [React Autocomplete component](https://mui.com/material-ui/react-autocomplete).
A fork of [Nicolas Tinte's brilliant component](https://github.com/Tintef/react-google-places-autocomplete), which uses [react-select](https://react-select.com).
> **Warning**
> This is currently pre-production - don't expect it to work right now.
## Getting started
Install the latest version:
```sh
npm install --save mui-google-places-autocomplete
or
yarn add mui-google-places-autocomplete
```
Use the component:
```jsx
import React from "react";
import GooglePlacesAutocomplete from "@dylmye/mui-google-places-autocomplete";
const Component = () => (
);
export default Component;
```
Or with [Formik](https://formik.org/):
```jsx
import React from "react";
import { Formik, Form, Field } from "formik";
import { GooglePlacesAutocompleteField } from "@dylmye/mui-google-places-autocomplete";
const MyForm = () => (
);
export default MyForm;
```
## Documentation
[**Read The Docs**](https://dylmye.me/mui-google-places-autocomplete)
## How to contribute?
1. Fork this repo
2. Clone your fork
3. Code 🤓
4. Test your changes
For this, I like to use [yalc](https://github.com/whitecolor/yalc), as it allows to emulate the process of using npm/yarn.
1. Install [yalc](https://github.com/whitecolor/yalc)
2. Build project with `yarn build` or `npm run build`
3. Publish the package with yalc: `yalc publish`
4. Add the package to your test project `yalc add @dylmye/mui-google-places-autocomplete`
5. If needed, to update the package on your test project: `yalc update @dylmye/mui-google-places-autocomplete`
5. Submit a PR!
Icons made by Freepik from www.flaticon.com