Upgraded to React 18, updated dependencies, fixed "AuthUI instance is deleted" error #173

gvillenave · 2022-05-11T00:30:04Z

Updated peer dependency to support React 18
Updated all dependencies (Babel, Webpack, ...)
Replaced React class component with function component
Updated component lifecycle management from componentWillMount/componentWillUnmount to a useEffect hook
Fixed React 18 StrictMode causes "AuthUI instance is deleted" error #172
Switched from using a hardcoded element ID to a React ref with useRef
Updated example app accordingly
Switched example app from using extract-text-webpack-plugin (now deprecated) to mini-css-extract-plugin and postcss
Updated README
Bumped package version to 7.0.0

…tWillMount/componentWillUnmount to solve React 18 strict mode issues

…on to 7

chuhancheng · 2022-05-18T06:22:16Z

Hi, is it ready to be merged?

modsushi · 2022-05-18T07:34:33Z

When is it getting merged?

gvillenave · 2022-05-18T07:50:21Z

@jhuleatt can you review and merge?

cuongnvn · 2022-05-24T03:17:06Z

Hi all. I need this PR merged right now. Thank you

aamancio · 2022-05-26T18:35:11Z

Hey when is this fix getting merged?

gvillenave · 2022-06-01T17:46:45Z

@jhuleatt any feedback on the PR? Can we get this merged soon?

zettry1 · 2022-06-01T19:17:12Z

waiting for merge

paviln · 2022-06-03T19:46:16Z

waiting for merge +1

MaurizioTonelli · 2022-06-03T20:32:28Z

waiting for merge +2

YGKtech · 2022-06-08T21:49:56Z

I too would greatly appreciate this getting merged

MartinXPN · 2022-06-09T19:27:43Z

React solution

Based on this PR, if anyone is using React (create-react-app and not Next.js or other) and is looking for a way of solving this issue, you can get rid of firebaseui-web-react and just use firebaseui.
These are the steps to do that:

Remove react-firebaseui (yarn remove react-firebaseui)
Add firebaseui (yarn add firebaseui)
Copy the below code as StyledFirebaseAuth.tsx

import { useEffect, useRef, useState } from 'react';
import { onAuthStateChanged } from 'firebase/auth';
import * as firebaseui from 'firebaseui';
import 'firebaseui/dist/firebaseui.css';

interface Props {
    // The Firebase UI Web UI Config object.
    // See: https://github.com/firebase/firebaseui-web#configuration
    uiConfig: firebaseui.auth.Config;
    // Callback that will be passed the FirebaseUi instance before it is
    // started. This allows access to certain configuration options such as
    // disableAutoSignIn().
    uiCallback?(ui: firebaseui.auth.AuthUI): void;
    // The Firebase App auth instance to use.
    firebaseAuth: any; // As firebaseui-web
    className?: string;
}


const StyledFirebaseAuth = ({uiConfig, firebaseAuth, className, uiCallback}: Props) => {
    const [userSignedIn, setUserSignedIn] = useState(false);
    const elementRef = useRef(null);

    useEffect(() => {
        // Get or Create a firebaseUI instance.
        const firebaseUiWidget = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebaseAuth);
        if (uiConfig.signInFlow === 'popup')
            firebaseUiWidget.reset();

        // We track the auth state to reset firebaseUi if the user signs out.
        const unregisterAuthObserver = onAuthStateChanged(firebaseAuth, (user) => {
            if (!user && userSignedIn)
                firebaseUiWidget.reset();
            setUserSignedIn(!!user);
        });

        // Trigger the callback if any was set.
        if (uiCallback)
            uiCallback(firebaseUiWidget);

        // Render the firebaseUi Widget.
        // @ts-ignore
        firebaseUiWidget.start(elementRef.current, uiConfig);

        return () => {
            unregisterAuthObserver();
            firebaseUiWidget.reset();
        };
    }, [firebaseui, uiConfig]);

    return <div className={className} ref={elementRef} />;
};

export default StyledFirebaseAuth;

That's it! You can use this component without the need for this library.
If you need FirebaseAuth instead of the StyledFirebaseAuth, you can just remove the import 'firebaseui/dist/firebaseui.css'; line from the component and you'll be good to go!

I just did this for my personal project and reduced the main bundle size by ~9KB.

Skyblueballykid · 2022-06-10T18:51:29Z

waiting for merge +3

lewis-cobry · 2022-06-14T15:33:20Z

me too!

frontcodelover · 2022-06-14T18:50:54Z

Please merge it :)

th-m · 2022-06-23T21:33:55Z

merge 🙏

IAmKio · 2022-06-25T07:05:19Z

Pretty please with chocolate sprinkles on top? 🙏

Skyblueballykid · 2022-07-06T04:28:42Z

Give me permission and I'll merge it. This project feels unmaintained.

xhonorate · 2022-07-13T19:41:27Z

waiting for merge +999

gbourne1 · 2022-07-14T16:08:59Z

@jhuleatt

Can this be merged?

wiktor-cobry · 2022-07-18T10:25:44Z

Please merge this; no reason not to.

karkir0003 · 2022-08-08T20:43:07Z

@jhuleatt and @Skyblueballykid , this merge is important for my team's project! Please be a kind soul and help us unblock. At least, by when should this PR get merged in?

MartinXPN · 2022-08-15T19:24:35Z

Next.js solution

For anyone looking for a solution for Next.js, you can use the following code and completely get rid of this library:

Remove react-firebaseui (yarn remove react-firebaseui)
Add firebaseui (yarn add firebaseui)
Copy the below code as StyledFirebaseAuth.tsx

import { useEffect, useRef, useState } from 'react';
import { onAuthStateChanged } from 'firebase/auth';
import 'firebaseui/dist/firebaseui.css';
import {auth} from "firebaseui";

interface Props {
    // The Firebase UI Web UI Config object.
    // See: https://github.com/firebase/firebaseui-web#configuration
    uiConfig: auth.Config;
    // Callback that will be passed the FirebaseUi instance before it is
    // started. This allows access to certain configuration options such as
    // disableAutoSignIn().
    uiCallback?(ui: auth.AuthUI): void;
    // The Firebase App auth instance to use.
    firebaseAuth: any; // As firebaseui-web
    className?: string;
}


const StyledFirebaseAuth = ({uiConfig, firebaseAuth, className, uiCallback}: Props) => {
    const [firebaseui, setFirebaseui] = useState<typeof import('firebaseui') | null>(null);
    const [userSignedIn, setUserSignedIn] = useState(false);
    const elementRef = useRef(null);

    useEffect(() => {
        // Firebase UI only works on the Client. So we're loading the package only after
        // the component has mounted, so that this works when doing server-side rendering.
        setFirebaseui(require('firebaseui'));
    }, []);


    useEffect(() => {
        if (firebaseui === null )
            return;

        // Get or Create a firebaseUI instance.
        const firebaseUiWidget = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebaseAuth);
        if (uiConfig.signInFlow === 'popup')
            firebaseUiWidget.reset();

        // We track the auth state to reset firebaseUi if the user signs out.
        const unregisterAuthObserver = onAuthStateChanged(firebaseAuth, user => {
            if (!user && userSignedIn)
                firebaseUiWidget.reset();
            setUserSignedIn(!!user);
        });

        // Trigger the callback if any was set.
        if (uiCallback)
            uiCallback(firebaseUiWidget);

        // Render the firebaseUi Widget.
        // @ts-ignore
        firebaseUiWidget.start(elementRef.current, uiConfig);

        return () => {
            unregisterAuthObserver();
            firebaseUiWidget.reset();
        };
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [firebaseui, uiConfig]);

    return <div className={className} ref={elementRef} />;
};

export default StyledFirebaseAuth;

That's it! You can use this component without the need for this library.
If you need FirebaseAuth instead of the StyledFirebaseAuth, you can just remove the import 'firebaseui/dist/firebaseui.css'; line from the component and you'll be good to go!

LeandroLeon · 2022-08-18T06:37:26Z

Waiting for merge 🙏

michaelangeloio · 2022-08-19T21:02:56Z

pls merge!

gbourne1 · 2022-08-23T17:27:15Z

React solution

Based on this PR, if anyone is using React (create-react-app and not Next.js or other) and is looking for a way of solving this issue, you can get rid of firebaseui-web-react and just use firebaseui. These are the steps to do that:

Remove react-firebaseui (yarn remove react-firebaseui)
Add firebaseui (yarn add firebaseui)
Copy the below code as StyledFirebaseAuth.tsx

import { useEffect, useRef, useState } from 'react';
import { onAuthStateChanged } from 'firebase/auth';
import * as firebaseui from 'firebaseui';
import 'firebaseui/dist/firebaseui.css';

interface Props {
    // The Firebase UI Web UI Config object.
    // See: https://github.com/firebase/firebaseui-web#configuration
    uiConfig: firebaseui.auth.Config;
    // Callback that will be passed the FirebaseUi instance before it is
    // started. This allows access to certain configuration options such as
    // disableAutoSignIn().
    uiCallback?(ui: firebaseui.auth.AuthUI): void;
    // The Firebase App auth instance to use.
    firebaseAuth: any; // As firebaseui-web
    className?: string;
}


const StyledFirebaseAuth = ({uiConfig, firebaseAuth, className, uiCallback}: Props) => {
    const [userSignedIn, setUserSignedIn] = useState(false);
    const elementRef = useRef(null);

    useEffect(() => {
        // Get or Create a firebaseUI instance.
        const firebaseUiWidget = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebaseAuth);
        if (uiConfig.signInFlow === 'popup')
            firebaseUiWidget.reset();

        // We track the auth state to reset firebaseUi if the user signs out.
        const unregisterAuthObserver = onAuthStateChanged(firebaseAuth, (user) => {
            if (!user && userSignedIn)
                firebaseUiWidget.reset();
            setUserSignedIn(!!user);
        });

        // Trigger the callback if any was set.
        if (uiCallback)
            uiCallback(firebaseUiWidget);

        // Render the firebaseUi Widget.
        // @ts-ignore
        firebaseUiWidget.start(elementRef.current, uiConfig);

        return () => {
            unregisterAuthObserver();
            firebaseUiWidget.reset();
        };
    }, [firebaseui, uiConfig]);

    return <div className={className} ref={elementRef} />;
};

export default StyledFirebaseAuth;

That's it! You can use this component without the need for this library. If you need FirebaseAuth instead of the StyledFirebaseAuth, you can just remove the import 'firebaseui/dist/firebaseui.css'; line from the component and you'll be good to go!

I just did this for my personal project and reduced the main bundle size by ~9KB.

Perfect and worked like a charm! Thanks.

Sp3ctreZero · 2022-09-07T01:35:32Z

Hey guys come on! Many people are looking for this, it is as simple as merging it, just do it or give access to someone else that will actually maintain it.

michaelangeloio · 2022-09-09T18:31:43Z

Next.js solution

For anyone looking for a solution for Next.js, you can use the following code and completely get rid of this library:

Remove react-firebaseui (yarn remove react-firebaseui)
Add firebaseui (yarn add firebaseui)
Copy the below code as StyledFirebaseAuth.tsx

import { useEffect, useRef, useState } from 'react';
import { onAuthStateChanged } from 'firebase/auth';
import 'firebaseui/dist/firebaseui.css';
import {auth} from "firebaseui";

interface Props {
    // The Firebase UI Web UI Config object.
    // See: https://github.com/firebase/firebaseui-web#configuration
    uiConfig: auth.Config;
    // Callback that will be passed the FirebaseUi instance before it is
    // started. This allows access to certain configuration options such as
    // disableAutoSignIn().
    uiCallback?(ui: auth.AuthUI): void;
    // The Firebase App auth instance to use.
    firebaseAuth: any; // As firebaseui-web
    className?: string;
}


const StyledFirebaseAuth = ({uiConfig, firebaseAuth, className, uiCallback}: Props) => {
    const [firebaseui, setFirebaseui] = useState<typeof import('firebaseui') | null>(null);
    const [userSignedIn, setUserSignedIn] = useState(false);
    const elementRef = useRef(null);

    useEffect(() => {
        // Firebase UI only works on the Client. So we're loading the package only after
        // the component has mounted, so that this works when doing server-side rendering.
        setFirebaseui(require('firebaseui'));
    }, []);


    useEffect(() => {
        if (firebaseui === null )
            return;

        // Get or Create a firebaseUI instance.
        const firebaseUiWidget = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebaseAuth);
        if (uiConfig.signInFlow === 'popup')
            firebaseUiWidget.reset();

        // We track the auth state to reset firebaseUi if the user signs out.
        const unregisterAuthObserver = onAuthStateChanged(firebaseAuth, user => {
            if (!user && userSignedIn)
                firebaseUiWidget.reset();
            setUserSignedIn(!!user);
        });

        // Trigger the callback if any was set.
        if (uiCallback)
            uiCallback(firebaseUiWidget);

        // Render the firebaseUi Widget.
        // @ts-ignore
        firebaseUiWidget.start(elementRef.current, uiConfig);

        return () => {
            unregisterAuthObserver();
            firebaseUiWidget.reset();
        };
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [firebaseui, uiConfig]);

    return <div className={className} ref={elementRef} />;
};

export default StyledFirebaseAuth;

That's it! You can use this component without the need for this library. If you need FirebaseAuth instead of the StyledFirebaseAuth, you can just remove the import 'firebaseui/dist/firebaseui.css'; line from the component and you'll be good to go!

worked like a charm! Thank you 🤙

rshekhtm · 2022-09-14T22:16:52Z

This is fantastic, but I found that redirects (e.g. with Google SSO or Email Link) still do not work correctly in development due to React.StrictMode and the new React 18 "strict effects" feature forcing an unmount and remount after firebaseUiWidget.start(...) transitions from temporary redirect link to the sign-in URL. Couldn't figure out a clean solution here, so went with a hack that skips unmount/remount when redirection is in play.

    const skipStrictEffects = useRef(false);

    useEffect(() => {
        ...
        if (!skipStrictEffects.current) {
            skipStrictEffects.current = firebaseUiWidget.isPendingRedirect();
            firebaseUiWidget.start(elementRef.current, uiConfig);
        }

        return () => {
            if (!skipStrictEffects.current) {
                unregisterAuthObserver();
                firebaseUiWidget.reset();
            }
        };
    }, [firebaseui, uiConfig]);

latenightpraj · 2022-09-20T21:18:01Z

can we get this merged please?

cgil · 2022-09-28T14:07:35Z

@gvillenave Is this ready to be merged?

joshiefishbein

Let's merge <3

memark · 2022-10-06T07:25:08Z

Could we merge this please @jhuleatt?

gbourne1 · 2022-10-13T23:19:17Z

Could we merge this please @jhuleatt?

I think this project is dead - 11 month since last update with many pleas to merge. I recommend removing the dependency as mentioned above.

Release-As: 4.20.3 firebase/firebaseui-web-react#173 (comment)

ababra · 2022-11-07T06:45:32Z

Since my project isn't using TSX and I had issues converting from TSX to JSX/JS, I ended up doing the following:

yarn remove react-firebaseui
yarn add https://github.com/gvillenave/firebaseui-web-react.git#acb47b46dc39682d13f2b117524bda95ec1aeddf

In my project, I am importing as follows:

import StyledFirebaseAuth from 'react-firebaseui/dist/StyledFirebaseAuth';

Not ideal, I know 👎

oscar-gallog · 2022-11-10T22:12:38Z

It is a shame that this project is dead

JS-GitRepo · 2022-11-19T22:11:23Z

Next.js solution

For anyone looking for a solution for Next.js, you can use the following code and completely get rid of this library:

Remove react-firebaseui (yarn remove react-firebaseui)
Add firebaseui (yarn add firebaseui)
Copy the below code as StyledFirebaseAuth.tsx

import { useEffect, useRef, useState } from 'react';
import { onAuthStateChanged } from 'firebase/auth';
import 'firebaseui/dist/firebaseui.css';
import {auth} from "firebaseui";

interface Props {
    // The Firebase UI Web UI Config object.
    // See: https://github.com/firebase/firebaseui-web#configuration
    uiConfig: auth.Config;
    // Callback that will be passed the FirebaseUi instance before it is
    // started. This allows access to certain configuration options such as
    // disableAutoSignIn().
    uiCallback?(ui: auth.AuthUI): void;
    // The Firebase App auth instance to use.
    firebaseAuth: any; // As firebaseui-web
    className?: string;
}


const StyledFirebaseAuth = ({uiConfig, firebaseAuth, className, uiCallback}: Props) => {
    const [firebaseui, setFirebaseui] = useState<typeof import('firebaseui') | null>(null);
    const [userSignedIn, setUserSignedIn] = useState(false);
    const elementRef = useRef(null);

    useEffect(() => {
        // Firebase UI only works on the Client. So we're loading the package only after
        // the component has mounted, so that this works when doing server-side rendering.
        setFirebaseui(require('firebaseui'));
    }, []);


    useEffect(() => {
        if (firebaseui === null )
            return;

        // Get or Create a firebaseUI instance.
        const firebaseUiWidget = firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(firebaseAuth);
        if (uiConfig.signInFlow === 'popup')
            firebaseUiWidget.reset();

        // We track the auth state to reset firebaseUi if the user signs out.
        const unregisterAuthObserver = onAuthStateChanged(firebaseAuth, user => {
            if (!user && userSignedIn)
                firebaseUiWidget.reset();
            setUserSignedIn(!!user);
        });

        // Trigger the callback if any was set.
        if (uiCallback)
            uiCallback(firebaseUiWidget);

        // Render the firebaseUi Widget.
        // @ts-ignore
        firebaseUiWidget.start(elementRef.current, uiConfig);

        return () => {
            unregisterAuthObserver();
            firebaseUiWidget.reset();
        };
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [firebaseui, uiConfig]);

    return <div className={className} ref={elementRef} />;
};

export default StyledFirebaseAuth;

That's it! You can use this component without the need for this library. If you need FirebaseAuth instead of the StyledFirebaseAuth, you can just remove the import 'firebaseui/dist/firebaseui.css'; line from the component and you'll be good to go!

Have been looking into this for a bit and this seems to be by far the best fix atm. Turning off Strict Mode is very non-ideal, and I can confirm this works with the latest version of React while leaving it on. Works with Create-React-App (using Vite) as well. Thank you greatly!

hacker1024 · 2022-11-29T04:47:02Z

A note for anyone experiencing an error like the following when using these solutions:

TypeError: Cannot read properties of undefined (reading 'EmailAuthProvider')

firebase/compat/auth must be imported alongside firebase/compat/app.

import firebase from "firebase/compat/app";
import "firebase/compat/auth";

JoseVSeb · 2023-04-24T07:20:29Z

This is fantastic, but I found that redirects (e.g. with Google SSO or Email Link) still do not work correctly in development due to React.StrictMode and the new React 18 "strict effects" feature forcing an unmount and remount after firebaseUiWidget.start(...) transitions from temporary redirect link to the sign-in URL. Couldn't figure out a clean solution here, so went with a hack that skips unmount/remount when redirection is in play.
    const skipStrictEffects = useRef(false);

    useEffect(() => {
        ...
        if (!skipStrictEffects.current) {
            skipStrictEffects.current = firebaseUiWidget.isPendingRedirect();
            firebaseUiWidget.start(elementRef.current, uiConfig);
        }

        return () => {
            if (!skipStrictEffects.current) {
                unregisterAuthObserver();
                firebaseUiWidget.reset();
            }
        };
    }, [firebaseui, uiConfig]);

react 18 strict mode effects on useEffect is meant to tackle fast navigation or something like that. a better solution than above is to use event loop to run code that's affected by the unmount-remount, like so:

  useEffect(() => {
    if (!elementRef.current) return;

    let firebaseUiWidget: auth.AuthUI;
    let unregisterAuthObserver: Unsubscribe;

    // firebase ui start in event loop to solve react 18 strict requirement.
    const timeout = setTimeout(() => {
      // Get or Create a firebaseUI instance.
      firebaseUiWidget =
        auth.AuthUI.getInstance() || new auth.AuthUI(firebaseAuth);
      if (uiConfig.signInFlow === "popup") firebaseUiWidget.reset();

      // We track the auth state to reset firebaseUi if the user signs out.
      unregisterAuthObserver = onAuthStateChanged(firebaseAuth, (user) => {
        if (!user && userSignedIn) firebaseUiWidget.reset();
        setUserSignedIn(!!user);
      });

      // Trigger the callback if any was set.
      if (uiCallback) uiCallback(firebaseUiWidget);

      // Render the firebaseUi Widget.
      firebaseUiWidget.start(elementRef.current as HTMLDivElement, uiConfig);
    });

    return () => {
      clearTimeout(timeout);
      if (unregisterAuthObserver) unregisterAuthObserver();
      if (firebaseUiWidget) firebaseUiWidget.reset();
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [uiConfig]);

keisukekomeda · 2024-03-28T04:41:15Z

Thank you for nice library and nice PR.
It seems the change works on my service.

@jhuleatt
I'm looking forward to your approval and merge.

gvillenave and others added 6 commits May 8, 2022 12:17

Changed using a fixed element ID to a React ref

82311fb

Upgraded to React 18, Babel 7 and all dependencies

abebb20

Use a React function component and useEffect hook instead of componen…

fd8bd52

…tWillMount/componentWillUnmount to solve React 18 strict mode issues

Updated Babel and Webpack config, use React hooks, bump package versi…

83f19b1

…on to 7

Updated example app

9baecfe

Update README

acb47b4

This was referenced May 11, 2022

React 18 StrictMode causes "AuthUI instance is deleted" error #172

Open

Support React 18 #165

Open

jhuleatt self-requested a review May 18, 2022 14:18

RenanSgorlom mentioned this pull request Jun 1, 2022

Error: Uncaught (in promise) Error: AuthUI instance is deleted! #59

Open

amunds1 mentioned this pull request Sep 18, 2022

Add Firebase amunds1/LetterLink#7

Closed

kmjennison mentioned this pull request Sep 19, 2022

Replace react-firebaseui in demo app with a better-maintained package gladly-team/next-firebase-auth#555

Open

joshiefishbein approved these changes Oct 2, 2022

View reviewed changes

reichhartd approved these changes Oct 2, 2022

View reviewed changes

remarkablemark added a commit to lilboards/lilboards that referenced this pull request Oct 23, 2022

refactor(components): replace firebaseui-web-react with firebaseui

c18c6df

Release-As: 4.20.3 firebase/firebaseui-web-react#173 (comment)

remarkablemark mentioned this pull request Oct 23, 2022

refactor(components): replace firebaseui-web-react with firebaseui lilboards/lilboards#872

Merged

MartinXPN mentioned this pull request Oct 27, 2022

StyledFirebaseAuth not working with nextjs #180

Open

jwhiting mentioned this pull request Nov 2, 2022

React strict mode compatibility #184

Closed

reowl666 mentioned this pull request Dec 13, 2022

Is this project maintained? #192

Open

minyoon mentioned this pull request Jan 11, 2023

react@18.2.0 is not compatible with react-firebaseui@6.0.0 #187

Open

syou6162 mentioned this pull request Jan 14, 2023

react-firebaseuiを自前で管理するように syou6162/times_esa#468

Merged

Update files property in root package.json

e50d7d7

Upgraded to React 18, updated dependencies, fixed "AuthUI instance is deleted" error #173

Are you sure you want to change the base?

Upgraded to React 18, updated dependencies, fixed "AuthUI instance is deleted" error #173

Conversation

gvillenave commented May 11, 2022

chuhancheng commented May 18, 2022

modsushi commented May 18, 2022

gvillenave commented May 18, 2022

cuongnvn commented May 24, 2022

aamancio commented May 26, 2022

gvillenave commented Jun 1, 2022

zettry1 commented Jun 1, 2022

paviln commented Jun 3, 2022

MaurizioTonelli commented Jun 3, 2022

YGKtech commented Jun 8, 2022

MartinXPN commented Jun 9, 2022 • edited

React solution

Skyblueballykid commented Jun 10, 2022

lewis-cobry commented Jun 14, 2022

frontcodelover commented Jun 14, 2022

th-m commented Jun 23, 2022

IAmKio commented Jun 25, 2022

Skyblueballykid commented Jul 6, 2022 • edited

xhonorate commented Jul 13, 2022

gbourne1 commented Jul 14, 2022 • edited

wiktor-cobry commented Jul 18, 2022

karkir0003 commented Aug 8, 2022 • edited

MartinXPN commented Aug 15, 2022 • edited

Next.js solution

LeandroLeon commented Aug 18, 2022

michaelangeloio commented Aug 19, 2022

gbourne1 commented Aug 23, 2022

React solution

Sp3ctreZero commented Sep 7, 2022

michaelangeloio commented Sep 9, 2022

Next.js solution

rshekhtm commented Sep 14, 2022 • edited

latenightpraj commented Sep 20, 2022

cgil commented Sep 28, 2022

joshiefishbein left a comment

Choose a reason for hiding this comment

memark commented Oct 6, 2022 • edited

gbourne1 commented Oct 13, 2022

ababra commented Nov 7, 2022 • edited

oscar-gallog commented Nov 10, 2022

JS-GitRepo commented Nov 19, 2022 • edited

Next.js solution

hacker1024 commented Nov 29, 2022

JoseVSeb commented Apr 24, 2023

keisukekomeda commented Mar 28, 2024 • edited

MartinXPN commented Jun 9, 2022 •

edited

Skyblueballykid commented Jul 6, 2022 •

edited

gbourne1 commented Jul 14, 2022 •

edited

karkir0003 commented Aug 8, 2022 •

edited

MartinXPN commented Aug 15, 2022 •

edited

rshekhtm commented Sep 14, 2022 •

edited

memark commented Oct 6, 2022 •

edited

ababra commented Nov 7, 2022 •

edited

JS-GitRepo commented Nov 19, 2022 •

edited

keisukekomeda commented Mar 28, 2024 •

edited