yoonic / nicistore Goto Github PK

Isomorphic React E-Commerce Storefront

License: MIT License

JavaScript 87.10% Dockerfile 0.09% SCSS 12.82%

nicistore's Introduction

Welcome

This project is the NICI Store (discontinued e-commerce store) encarnation of an Isomorphic (first render on the server, then Single-page App on the client) React Application for E-Commerce Storefronts.

Currently, there is no vanilla version of it.

Since this is a storefront application, it requires an API Backend to operate and have some use. Even though it was written with Atlas in mind, if you wish, you can run it against any other API you like just as long as you either:

Ensure that API has the same endpoints and request/response as Atlas
Re-write the storefront API Plugin that is used for wrapping Atlas and making requests

Isomorphic?

The Single-Page Apps (SPA) paradigm has suffered from some bad rep (in certain applications like... e-commerce) mainly because of:

First page load performance
SEO un-friendlyness

What if we can have the best of both worlds? Well, Isomorphic Apps give us precisely that. With a single code base and without relying on tools like headless browsers on the server we can have the first render be done on the server and, as soon as the page is rendered on the client, it starts working as a SPA with all it's benefits.

Why?

Why build plugins when you can build your own e-commerce platform?

Currently, all major open-source e-commerce offerings have several shortcomings due to the fact that they try to be easily installable and point-and-click-manageable and, at the same time, have all the features ranging from catalog management to order fulfillment processes (with everything in between).

Instead of a huge bloated monolith, Yoonic proposes a set of modular applications. The Storefront is solely responsible for:

Catalog
Cart
Checkout

By focusing on a specific set of features, isolating them from the whole picture and not having a complex base needed to support plugins and whatnot, you can easily start hacking away from this base and branch out your own custom storefront/platform.

Then, adding that spanking new feature, use-case or special page template will be a breeze!

Batteries Included

Mobile-first responsiveness (try resizing the browser window)
i18n translation
Crisp.im for live chat
Mailchimp for newsletters
Mailgun for transactional emails
Switch Payments for payments

Requirements

Node.js + NPM (v4.x LTS)
Atlas E-Commerce Backend API (optional)

Installation

In order to setup, run and start hacking the app locally you just have to:

Clone this repository
npm install
Open the configuration file for the development environment config/client/development.js and replace the value of api.atlas.baseUrl by http://nicistore.com/api/v1
npm run dev
Open a browser and navigate to http://localhost:3000

At this point, you should be seeing your local deploy of nicistore/storefront using the data provided by our live API.

Local Atlas Install

TL;DR
Update your api.atlas.baseUrl setting to http://localhost:8000/v1

By default, when running the Atlas development environment, the API base URL is available in http://localhost:8000/v1 and this is the value you should set api.atlas.baseUrl to. However, if you change the port (e.g "9000") or add a route prefix (e.g. "/api") you should put the respective value as the base URL (e.g. "http://localhost:9000/api/v1").

Admin Backoffice

In order to perform administrative tasks like adding and editing products or checking out created orders, there's a backoffice in http://localhost:3000/en/adm. In order to access it you need an Administrator account and, if you're running your own Atlas, you can check its README in how-to create such account.

nicistore's People

Contributors

Stargazers

Watchers

Forkers

suminda123 nhatthanh510 hoangtrongphuc ceck95 kidjp85 ranjmis ptzagk warzi117 fortunado suggy75 normanzb sadeqamin ligan21 edenoscherer stone89son one-aalam packetlost briankereszturi phoenixvk webeli danswater exotericgroup tylermalin sagehornung salvatore-giuliano littleboss setohe0909 thanhdd rookieokky collegium wesleydevlab firepo marnnn mkhelpinghands adamspgeek inoeng85 manh-vv oqtanecms antydemant patong167 baquiax code-mvp nakamuraagatha rockneverdies55 nascvi gauthiernpn jdufour-cimpress tung776 zianzhangzz singh-prabh aryanugroho alexorbit binarygrrl dinhvle sevketufuk fabioued nurst diegocaldeira juffff pgangwani saranyaarun24 sago2k8 andrewdazs stanxii mciver83 praweeng teppi210 bobbyquennell irigor amadk lfneves7 ahmad-saleem general-dev franciscofsales rodneycurl crosskub linkaiwen hungud webdevpt joseincandenza patrick-fitzgerald petroved rammahani samousavih spivegin vinbs86 inkberk capes3 andres-botero k2inno-tech bambusoideae rubythonode albanoxdz sasikumarvenkat hdrhbbu1 tiagox9 donaminos okusnadi jpmariano rahmatcmos

nicistore's Issues

Node version

This runs on very old node version.

The responsive styling/css is loaded noticeably late (after around 2 sec) after the plain html

When I run nicistore locally, the responsive styling/css is loaded noticeably late (after around 2 sec) after the plain html because of which the UX is effected.
However, nicistore.com does not have this lag.

I have no idea what is causing this locally. I would really appreciate if you could give me any idea regarding it.

I checked the network graph in the client side and it has many gaps between requests as you can see in the attached pic which increases the page load time overall too.

Add Script on .js

I want to add the code to integrate Customer.guru the code is the following:

When I added to BaseHtml.js I couldn't start the App because of a fatal error.

Where can I add it so when customers hit the website it's there?

Crisp.im not working

I tried integrating Crisp by adding my Website ID here but seems like there is no response. No chat show up, nothing. Any add up?

CSS not building

I'm running my store against the https://nicistore.com/v1/api API. But seems that the page is working but not building.

I've cleaned cookies and other browsing histories. Tried with incognito (chrome) and safari.

Cache-wise, I think it's something related somewhere with the code. There you go with some screenshots:

failed to run in win 10

I got 2 errors, please help

npm install

gyp http 404 http://nodejs.org/dist/v6.9.2/x64/node.lib
gyp WARN install got an error, rolling back install
gyp verb command remove [ '6.9.2' ]
gyp verb remove using pangyp dir: C:\Users....node-gyp
gyp verb remove removing target version: 6.9.2
gyp verb remove removing development files for version: 6.9.2
gyp http 404 http://nodejs.org/dist/v6.9.2/node.lib
gyp verb download contents checksum {"node-v6.9.2.tar.gz":"997121460f3b4757907c2d7ff68ebdbf87af92b85bf2d07db5a7cb7aa5dae7d9"}
gyp verb validating download checksum for node-v6.9.2.tar.gz (997121460f3b4757907c2d7ff68ebdbf87af92b85bf2d07db5a7cb7aa5dae7d9 == 997121460f3b4757907c2d7ff68ebdbf87af92b85bf2d07db5a7cb7aa5dae7d9)
gyp ERR! configure error
gyp ERR! stack Error: 404 status code downloading 64-bit node.lib

npm run dev

'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: NODE_ENV=development DEBUG=nicistore node index
npm ERR! Exit status 1
npm ERR!

CSS not working with "npm run dev"

nicistore/webpack/stats.js says "css are not needed since they are inject inline with webpack", but that doesn't work for me. What's happening?

Fatal error when adding image

This is the third time that I open a issue about this, never got response or how to get it fixed. I'm trying to upload in development a image to a product or banner. It does not get uploaded no matter how many times I try or how much time I wait.

Here are some logs that got printed when I tried adding them:

I have not modified any route, Atlas is running perfectly and RethinkDB is running too. We've been trying to hack it out for days now but can't understand the code or how it's handling the requests. Hopefully waiting someone steps in and help me fix this.

**Please DO NOT close this issue without solving, responding or providing useful solution 💯 **

UPDATE: There is JWT key and everything is running smoothly. So that may not be the problem.

Currency

How to add a new currency? I use DOP, however the format that output is DOPXXXX, when we use RD$X,XXX.XX

Where should I refer to make these changes? @andreftavares

Is this project still being worked on

I was wondering if this project is still alive?

cant set up the project

65% building modules 738/797 modules 59 active ...de_modules/react/lib/ReactFragment.jserror: Failed connecting to MongoDB no hostname or hostnames provided in connection string
info: Server start at http://127.0.0.1:3000
64% building modules 923/1012 modules 89 active ...refixer/lib/utils/unprefixProperty.js[nodemon] app crashed - waiting for file changes before starting...

I would very much appreciate if you have an idea why I am having this error. Am I supposed to have mongodb running?

cheers!!

Adding images throw error

When trying to add an image on the admin panel, throws an error that suddenly and close storefront.

Error:

ERROR: atlas/1958 on Mateos-MacBook-Pro.local: Unable to process file upload (module=resources, resource=files, err.code=ENOENT)
    Error: ENOENT: no such file or directory, open '/Users/mmpersonal/store/atlas/uploads/products/751fd9cf-2e71-4b91-ab5f-b4583b0c1e88-iphone-6_1_.jpg'
        at Error (native)

I resolve it by deleting the RethinkDB table and create it again.

Nicistore not installing

Hi ,

I'm facing some issues while installing "npm install"

_**WARN invalid config loglevel="notice"
Cannot download "https://github.com/sass/node-sass/releases/download/v3.3.2/darwin-x64-57_binding.node": HTTP error 404 Not Found

[email protected] postinstall /Applications/MAMP/htdocs/nicistore/node_modules/node-sass
node scripts/build.js

Building: /usr/local/bin/node /Applications/MAMP/htdocs/nicistore/node_modules/pangyp/bin/node-gyp.js rebuild --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ '/usr/local/bin/node',
gyp verb cli '/Applications/MAMP/htdocs/nicistore/node_modules/pangyp/bin/node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which succeeded python /Users/tintu/anaconda3/bin/python
gyp verb check python version python -c "import platform; print(platform.python_version());" returned: "3.6.3\n"
gyp ERR! configure error
gyp ERR! stack Error: Python executable "python" is v3.6.3, which is not supported by gyp.
gyp ERR! stack You can pass the --python switch to point to Python >= v2.5.0 & < 3.0.0.
gyp ERR! stack at failPythonVersion (/Applications/MAMP/htdocs/nicistore/node_modules/pangyp/lib/configure.js:110:14)
gyp ERR! stack at /Applications/MAMP/htdocs/nicistore/node_modules/pangyp/lib/configure.js:99:9
gyp ERR! stack at ChildProcess.exithandler (child_process.js:267:7)
gyp ERR! stack at emitTwo (events.js:126:13)
gyp ERR! stack at ChildProcess.emit (events.js:214:7)
gyp ERR! stack at maybeClose (internal/child_process.js:925:16)
gyp ERR! stack at Process.ChildProcess.handle.onexit (internal/child_process.js:209:5)
gyp ERR! System Darwin 17.5.0
gyp ERR! command "/usr/local/bin/node" "/Applications/MAMP/htdocs/nicistore/node_modules/pangyp/bin/node-gyp.js" "rebuild" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /Applications/MAMP/htdocs/nicistore/node_modules/node-sass
gyp ERR! node -v v8.11.2
gyp ERR! pangyp -v v2.3.3
gyp ERR! not ok**

npm => 5.6.0
node => v8.11.2

MAC OX

Unstyled page when running in dev mode

Hi
I realised that when running in dev mode using "npm run dev", when I navigate to localhost:3000 I get a non styled html page. This is not the case when running in "prod" mode using "npm run prod".

Is this intentional or am i missing something.

Fatal error when adding image

When adding a product image (yes, my own RethinkDB and Atlas hosted in other server for performance purpose) the page crashed, and now it doesn't send any data. How can I add images to products without dying in the try.

It's too much to say that neither that or sending e-mail through your own server isn't specified anywhere.

Admin panel requires reload

For example: if I add a new category in collections then I need to reload the page in order to see the addition reflected in the add products section. Obviously because I know this is the behavior I can just manually reload after making a change like that but is this something that could easily be fixed? Does this bother you at all or is it just me?

err GET http://0.0.0.0:3001/dist/bundle.js . css not working

I run locally on node 4.7.0 but css is not working with npm run dev.
I also get error GET http://0.0.0.0:3001/dist/bundle.js on console

Deploying on Digital Ocean with Docker

Any quickstart on deploying this on Digital Ocean with Docker?

Needs an explanation of default business rules/data structures

For example, the difference between a Collection and a Category. Would it be like, Category is "Apparel" and collection is "Spring"? Is collection a member of category, or are they independent? etc.

Advice on Subcategories

I'm just getting into this piece of code (Great Work!) and I'm wanting to add subcategories. Any suggestions on how to go about this? I'd be looking to have Brand as the main category, then Specific Phones (We're a cellphone shop). Also looking to add Variants. I just need an overall idea of how to go about this.

Thanks.

Running takes too long

When entering npm run dev it get freezed on

webpack: Compiled successfully.

It actually takes over 30 minutes to 1 hour on a 512MB memory and 20 GB Disk running on Ubuntu 16.04.2 x64

Sometimes (like what I am experiencing now) takes forever to start, and never do nothing. What to do in this case?

GET http://0.0.0.0:3001/dist/bundle.js net::ERR_CONNECTION_REFUSED

Hello @andreftavares

I have installed your app on my server and to access app through web I have set virtualhost using proxy and reverse proxy and point it to my domain name.

Something like
ServerName example.com
ProxyPreserveHost On
ProxyPass / http://127.0.0.1:3000/
ProxyPassReverse / http://127.0.0.1:3000/
Now I can see your app at example.com but with no css. When I check console it is showing missing bundle.js because it has host and port like 0.0.0.0:3001. If I run site in my localhost it is working good but on server it has issue due to those host and port.

https://www.awesomescreenshot.com/image/3112309/93e7209546c237ed58442d4f9a3d65df
GET http://0.0.0.0:3001/dist/bundle.js net::ERR_CONNECTION_REFUSED

So is there any work around to fix this issue? I am seeing those host and port defined in dev.config.js and I am not sure how to fix it

I want to use Stripe recirring events, can I?

Hi, I'm novice, and trying to find an info related to payment gateways.

Can you help me? I want to setup a recurring payments, using Stripe.

Thanks in advance

Arthur

Variants

Hi, I'm trying to associate each item with options (split up the CartItems into distinct items each with an ID). I need to retrieve the user that's adding the items and add the Variants to each item based on user, so that they are stored. I can't seem to store the variant data for each individual product in metadata (I can't figure out how to associate an ID in ProductPage.js with the ID in CartItem.js).

I have been spending many hours playing with Redux, Fluxible and the API on this and having absolutely no success. Please advise me on this.

Hot reload doesn't work

Hello, thank you for so nice code. Does hot reload work for you? I cloned repo and it doesn't update after changes:

Any interest in picking this up?

Hello guys! I will be soon forking this project to keep it maintained (upgrading the dependencies, integrate Stripe, and updated admin panel). Is someone else interested?

ORDERS_ITEM_SUCCESS Action / Dispatch Hangs

I cannot add anything to the AdminOrdersEdit in terms of Fluxible Actions because it would appear anything after the ORDERS_ITEM_SUCCESS dispatch does not work because it is endlessly waiting for the Order Action to complete. Just wondering if you have any suggestions. It mentions cascading updates are done in sequence but any further Fluxible actions i'm attempting to get going do not work, period.

Markup generated on the server was not what the client was expecting

Hi when I run nicistore locally, although the app started in the server and is accessible to client, I got following console error in the client when accessing any page.
I am not sure if the issue is related but the responsive styling/css is loaded noticeably late (after around 2 sec) after the plain html because of which the UX is effected.
I was wondering what might have cause the issue for me locally as both the above issue is not present in nicistore.com.
Please let me know if you have any idea on it.

Error message on JS console is as following:
Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:
(client) bv5gxs.5.1.0.1.0.1"> <span data-r
(server) bv5gxs.5.1.0.1.0.1"> <span d

Error: 404 status code downloading 64-bit node.lib

gyp http 404 http://nodejs.org/dist/v8.11.1/x64/node.lib
gyp WARN install got an error, rolling back install
gyp verb command remove [ '8.11.1' ]
gyp verb remove using pangyp dir: C:\Users\KH9300.node-gyp
gyp verb remove removing target version: 8.11.1
gyp verb remove removing development files for version: 8.11.1
gyp http 404 http://nodejs.org/dist/v8.11.1/node.lib
gyp verb download contents checksum {"node-v8.11.1.tar.gz":"86678028f13b26ceed08efc4b838921ca1bf514c0b7e8151bfec8ba15c5e66ad"}
gyp verb validating download checksum for node-v8.11.1.tar.gz (86678028f13b26ceed08efc4b838921ca1bf514c0b7e8151bfec8ba15c5e66ad == 86678028f13b26ceed08efc4b838921ca1bf514c0b7e8151bfec8ba15c5e66ad)
gyp ERR! configure error
gyp ERR! stack Error: 404 status code downloading 64-bit node.lib
gyp ERR! stack at Request. (D:\Marketplace\AppVantage\nicistore\node_modules\pangyp\lib\install.js:403:20)
gyp ERR! stack at emitOne (events.js:121:20)
gyp ERR! stack at Request.emit (events.js:211:7)
gyp ERR! stack at Request.onRequestResponse (D:\Marketplace\AppVantage\nicistore\node_modules\pangyp\node_modules\request\request.js:1255:10)
gyp ERR! stack at emitOne (events.js:116:13)
gyp ERR! stack at ClientRequest.emit (events.js:211:7)
gyp ERR! stack at HTTPParser.parserOnIncomingClient (_http_client.js:551:21)
gyp ERR! stack at HTTPParser.parserOnHeadersComplete (_http_common.js:115:23)
gyp ERR! stack at TLSSocket.socketOnData (_http_client.js:440:20)
gyp ERR! stack at emitOne (events.js:116:13)
gyp ERR! System Windows_NT 10.0.16299
gyp ERR! command "C:\Program Files\nodejs\node.exe" "D:\Marketplace\AppVantage\nicistore\node_modules\pangyp\bin\node-gyp.js" "rebuild" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd D:\Marketplace\AppVantage\nicistore\node_modules\node-sass
gyp ERR! node -v v8.11.1
gyp ERR! pangyp -v v2.3.3
gyp ERR! not ok
Build failed
npm WARN [email protected] No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Upgrade react version

Can you please upgrade the react version as many of the plugins are not working with older version of react.

Can't build project

Hi, I'm trying to run you project(npm run dev) and receive an error:
Fatal error in ../deps/v8/src/api.cc, line 1051

Check failed: !value_obj->IsJSReceiver() || value_obj->IsTemplateInfo().

==== C stack trace ===============================

node(v8::base::debug::StackTrace::StackTrace()+0x16) [0x15c5c06]
node(V8_Fatal+0xe8) [0x15c2d48]
node(v8::Template::Set(v8::Local<v8::Name>, v8::Local<v8::Data>, v8::PropertyAttribute)+0x107) [0x9f2817]

Can you help me please?

How to secure app with SSL

Does anyone have any recommendations on how to run this application with and an SSL certificate? Im hosting the app and the api on 2 separate digitalocean droplets, however i am receiving the http/https mixed content error message.

Cannot find modules issue

Actually this is not issue with nicistore and npm and nodejs. Nicistore is running perfectly but if you are planning to run it below 1024MB then it won't work. I spent 2 days on fixing and later I come to know that nodejs require more RAM. So if you are using right versions of npm node and though you are facing the cannot find module issue then just upgrade the ram

Trying to upgrade React 0.13.3 -> 15.6.1 - Invariant Violation: _registerComponent(…)

I am trying to update React from version 0.13.3 to the current version 15.6.1. But when I make npm run dev, I get the following error:

Unhandled Server Error (Oops!) +4ms TypeError: Cannot read property 'run' of undefined
at callee$1$0$ (/Users/biel/workspace/sonder/client/src/server.js:141:9)
at tryCatch (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:61:40)
at GeneratorFunctionPrototype.invoke [as _invoke] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:328:22)
at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:94:21)
at GeneratorFunctionPrototype.invoke (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:136:37)

Here dependencies of my package.json:

"dependencies": {
"async": "1.5.2",
"babel": "5.8.38",
"css-loader": "0.18.0",
"debug": "2.2.0",
"expose-loader": "0.7.0",
"express": "4.13.3",
"file-loader": "0.8.4",
"flux": "^3.1.3",
"fluxible": "^1.4.0",
"fluxible-addons-react": "^0.2.13",
"intl": "1.1.0",
"intl-locales-supported": "1.0.0",
"marked": "^0.3.5",
"moment": "^2.13.0",
"node-sass": "4.5.3",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-ga": "^2.2.0",
"react-intl": "1.2.2",
"react-router": "4.2.0",
"react-view-pager": "^0.5.1",
"react-with-addons": "0.0.1",
"sass-loader": "2.0.1",
"serialize-javascript": "1.2.0",
"style-loader": "0.12.4",
"superagent": "1.8.3"
}

Here devDependencies of my package.json:

"devDependencies": {
"autoprefixer-loader": "3.1.0",
"babel-core": "5.8.38",
"babel-loader": "5.4.0",
"babel-runtime": "5.8.38",
"extract-text-webpack-plugin": "1.0.1",
"livereload-js": "^2.2.2",
"strip-loader": "0.1.2",
"webpack": "1.12.15",
"webpack-dev-server": "1.10.1",
"webpack-livereload-plugin": "^0.11.0",
"webpack-stats-plugin": "0.1.1"
}

Here my modified server.js:
https://gist.github.com/BiliWeiss/f150c8f3ae1373243a23eb03137a51f4

I've read that since the release of React Router v1.0, the run method has been removed and I changed for ReactDOM.render:

...
ReactDOM.render(app.getComponent(), req.originalUrl, async function (Handler, state) {

        // Trigger fetching and wait for the data required by the components of the given route
        await fetchData(context, state);
...

But now, I get:

Unhandled Server Error (Oops!) +11ms { Invariant Violation: _registerComponent(...): Target container is not a DOM element.
at invariant (/Users/biel/workspace/sonder/client/node_modules/fbjs/lib/invariant.js:44:15)
at Object._renderNewRootComponent (/Users/biel/workspace/sonder/client/node_modules/react-dom/lib/ReactMount.js:310:76)
at Object._renderSubtreeIntoContainer (/Users/biel/workspace/sonder/client/node_modules/react-dom/lib/ReactMount.js:401:32)
at Object.render (/Users/biel/workspace/sonder/client/node_modules/react-dom/lib/ReactMount.js:422:23)
at callee$1$0$ (/Users/biel/workspace/sonder/client/src/server.js:141:18)
at tryCatch (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:61:40)
at GeneratorFunctionPrototype.invoke [as _invoke] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:328:22)
at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:94:21)
at GeneratorFunctionPrototype.invoke (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:136:37) name: 'Invariant Violation', framesToPop: 1 }

Anyone know what I'm doing wrong can help me?