How do i update Auth0 lock logo from my React App using hooks
I am using auth0
"@auth0/auth0-spa-js": "^1.6.0" hooks for my react app.
How do i change the default logo forom auth0 in login lock?
The logo i want to change is highlited by red
I have already updated the Application Logo in dashboad, but its still not showing.
Thanks in advance :D
Solution
Assuming you are using Universal Login you can go to Auth0 Dashboard > Universal Login page and turn on Customize Login Page toggle.
Once you have done that find the theme option for Auth0 Lock configuration. I should look like this
theme: {
//logo: 'YOUR LOGO HERE',
primaryColor: colors.primary ? colors.primary : 'green'
},
Uncomment the logo property and point to the image url for your logo. For logo and other customizations of Auth0 Lock please refer to official documentation here
- Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element'. Type 'null' is not assignable to type 'Element'.ts(2345)
- How do I get React CountUp to count from a previous number?
- Cloudflare --force build for React
- value of using React.forwardRef vs custom ref prop
- Await a dispatch thunk before executing some code is working but compiler complains
- TypeError: middleware is not a function
- How to Dynamically Change Favicon for Dark and Light Mode in Next.js 13 or 14?
- Uncaught TypeError: Cannot read properties of null (reading "useRef")
- Vite build: Uncaught TypeError: Cannot read properties of null (reading 'useContext')
- React createRef current is null
- Apollo GraphQL React - how to query on click?
- How to programmatically navigate using React Router?
- Why is my Vite build/preview not working?
- HandleError in React
- TypeError: Webpack imported module is not a function
- Return array from jest mock with React Hook
- loading env variables in react app using vite
- How to reset ReactJS file input
- NextJS - Trying to change Navbar background and logo based on which page user is at
- Absolute path not working in Vite project React TS
- How to add color to component tags in Visual Studio Code?
- How to check If the value of an input is number or string in react js?
- Failed Deployment on Netlify
- Warning: Page: Support for defaultProps will be removed from function components in a future major release
- react-datepicker input width will not adjust to 100%
- ReactJS regex doesn't work on a splitted string
- Fabric.js and react, sendBackward and bringForward are being reported as not functions, despite other fabric options/ functions working
- How to create a generic React component with a typed context provider?
- Cannot read property of undefined React Hooks
- React error : TypeError: props.globalChange is not a function