resulturan / refine-firebase Goto Github PK

I received success toast and didn't receive any error message even though console log in browser, but the data didn't update

Am trying to populate customer which is a string that refers to a firestore document for a Customer but its populating
const { listProps, setFilters, searchFormProps } = useSimpleList<IOrder, HttpError, ISearch>({
meta: {
populate: {
customer: { populate: ["customers"] },
createdBy: { populate: ["users"] },
},
},

My Interfaces

export interface ICustomer {
id: string;
dob: string | null,
orderCount: number,
district: string,
lastName: string,
firstName: string,
employeeNumber: string,
maritalStatus: string | null,
nrc: string,
institution: string,
primaryPhoneNumber: string,
createdBy: string,
title: string,
timeStamp: {
seconds: number,
nanoseconds: number
},
department: string,
secondaryPhoneNumber: string | null
}

export interface IOrder {
id: string;
timeStamp: {
seconds: number | null,
nanoseconds: number | null
},
customer: ICustomer,
numberOfInstallments: string | null,
reserveAttachment: boolean,
lastName: string,
comment: string | null,
monthOfLastDeduct: string | null,
itemNum: number,
totalPrice: string,
employeeNumber: string,
formType: string,
accountName: string | null,
orderStatus: string,
nrc: string,
installmentAmount: string | null,
isCollected: boolean,
accountNumber: string | null,
firstName: string,
collectionDate: string | null,
monthOfFirstDeduct: string | null,
attachments: [] | null,
createdBy: ICustomer,
bankName: string | null,
branchName: string | null
}

anyway to get the related collections documents?

If we initialize Firebase using the re-xport provided by the library initializeFirebase, Firestore cannot be used directly by accessing database property of the created FirestoreDatabase class

Looks like this is not compatible with NextJS App Router.

firebase den normal bağlanıldığında data çekiliyor. ama refine a bağladığımda bu hatayı basıyor console a çözümü nedir ?

Hi, when trying to use this wih my project I get this error:
TypeError: Cannot read properties of undefined (reading 'firebaseApp')

My firebaseConfig.ts file

  import { 
    initializeFirebase,
    FirebaseAuth,
    FirebaseDatabase,
    FirestoreDatabase,
  } from "refine-firebase"; 
  const firebaseConfig = {
    apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
    authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
    databaseURL: process.env.NEXT_PUBLIC_FIREBASE_DATABASE_URL,
    projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
    storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
  };
  
  export const firebaseApp = initializeFirebase(firebaseConfig);
  
  export const firebaseAuth = new FirebaseAuth();
  
  export const firestoreDatabase = new FirestoreDatabase();
  
  export const firebaseDatabase = new FirebaseDatabase();

Hi,
I'm starting a new app with refine and I'm trying to connect it to my Firebase. I'm getting an "Firebase: Error (auth/missing-email)" when trying to login in using firebase auth provider.

I'm only having Google sign-in provider enable on firebase side.

Hi , @resulturan , I installed last version 1.2.0 ,and I've noticed the folder lib doesn't exist

Hey there 👋🏼 thanks for building this library!

I'm struggling to get everything to work with a brand new refine project.
I get the error:
Error: Component auth has not been registered yet

This is my firebase.ts file:

import {
    initializeFirebase,
    FirebaseAuth,
    FirebaseDatabase,
    FirestoreDatabase
} from "refine-firebase";

export const firebaseConfig = {
    apiKey: "xxx",
    authDomain: "xxx",
    projectId: "xxx",
    storageBucket: "xxx",
    messagingSenderId: "xxx",
    appId: "xxx",
    measurementId: "xxx"
};

export const firebaseApp = initializeFirebase(firebaseConfig);

export const firebaseAuth = new FirebaseAuth(undefined, firebaseApp);

export const firestoreDatabase = new FirestoreDatabase({firebaseApp});

export const firebaseDatabase = new FirebaseDatabase({firebaseApp});

this is the intialization in _app.tsx:

dataProvider={firestoreDatabase.getDataProvider() as any}
authProvider={firebaseAuth.getAuthProvider()}

I tried a few other scenarios:

• initializing without configs
• initializing with initializeApp directly from firebase
• removed and re-installed node_modules (as proposed here)

but nothing worked. Any advice?

Receiving Cannot destructure property 'success' of '_ref3' as it is undefined. TypeError

refine-firebase folder in node_modules comes without the lib folder when execute "npm i refine-firebase".

For using this module, I needed clone this project, build it and copy the lib folder to my refine project.

Refine version: "@pankod/refine-core": "^3.18.0"

my firebase.ts

import { 
    initializeFirebase,
    FirebaseAuth,
    FirebaseDatabase,
    FirestoreDatabase,    
} from 'refine-firebase/lib';



const firebaseConfig = {
  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
  databaseURL: process.env.REACT_APP_FIREBASE_DATABASE_URL,
  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_FIREBASE_SENDER_ID,
  appId: process.env.REACT_APP_FIREBASE_APP_ID 
}

export const firebaseApp = initializeFirebase(firebaseConfig);

export const firebaseAuth = new FirebaseAuth();
export const firestoreDatabase = new FirestoreDatabase();
export const firebaseDatabase = new FirebaseDatabase();

my App.tsx

import { firestoreDatabase } from "./firebase";
<Refine
          ...
          dataProvider={firestoreDatabase.getDataProvider()}