firebase-error-solved.js6

firebaseActions.js

import * as types from './actionTypes';
import {beginAjaxCall, ajaxCallError} from './ajaxStatusActions';
import FirebaseApi from '../api/mockFirebaseApi';
import * as firebase from 'firebase';

/// THIS WORKS
export function userCreatedSuccess(user) {
  return {type: types.USER_CREATED_SUCCESS, user: {
    email: user.email
  }};
}

/// THIS MAKES 
export function userCreatedSuccess(user) {
  return {type: types.USER_CREATED_SUCCESS, user}; //// <<< ES6 Shorthand property names makes my code fails with Uncaught SecurityError: Blocked a frame with origin
}


export function initializeFirebase() {
  return dispatch => {
    // Initialize Firebase
    const config = {
      apiKey: "AIzaSyAknA11GkEAxay7fzXgmcE-DteOePeNxn4",
      authDomain: "react-redux-pluralsight-fb.firebaseapp.com",
      databaseURL: "https://react-redux-pluralsight-fb.firebaseio.com",
      storageBucket: "react-redux-pluralsight-fb.appspot.com"
    };
    firebase.initializeApp(config);
  };
}

export function createUserWithEmailAndPassword(user) {
  return function(dispatch) {
    dispatch(beginAjaxCall());
    return firebase.auth().createUserWithEmailAndPassword(user.email, user.password).then(user => {
      console.log('user');
      console.log(user);
      dispatch(userCreatedSuccess(user));
    }).catch(error => {
      console.log('error');
      console.log(error);
      throw(error);
    });
  };
}