deployed react app does not return content

I have been doing the tinder clone app and there was no error when I am running the development server and after I deployed it to firebase. The app has no content.

I have tried to debug and opened chrome console and it said *** Unexpected token '<' ***

and I thought some glitch might have happened with firebase. So, I tried to host it in Github pages. and I did but still the page does not load any content.

but when I opened the console. it does not show the above error. it said *** Minified React error #152; ***

I have no idea what happened. my development server is running fine locally without any error.

here is my GitHub link : https://github.com/rooben-me/tinder-clone

live sites :

Firebase hosted site : https://tinder-clone-1bf69.web.app/, Github pages : https://rooben-me.github.io/tinder-clone/

Much appreciated