The default export is not a React Component in page
Unanswered
Siamese posted this in #help-forum
SiameseOP
'use client'
import { ui, uiConfig } from '../firebase';
export const SignInPage = () => {
// The start method will wait until the DOM is loaded.
ui.start('#firebaseui-auth-container', uiConfig);
return (
<>
<div id="firebaseui-auth-container"></div>
<div id="loader">Loading...</div>
</>
)
}5 Replies
try commenting out your ui.start function
@Siamese typescript
'use client'
import { ui, uiConfig } from '../firebase';
export const SignInPage = () => {
// The start method will wait until the DOM is loaded.
ui.start('#firebaseui-auth-container', uiConfig);
return (
<>
<div id="firebaseui-auth-container"></div>
<div id="loader">Loading...</div>
</>
)
}
As the error said, you have to export default, not named exports (export const)
@Marchy try commenting out your ui.start function
SiameseOP
where do i run this function
Giant panda
const signInPage = () => {
...
}
export default signInPage
...
}
export default signInPage
i usually just do export default function SignInPage() {
...
}
...
}