Breaking News: Grepper is joining You.com. Read the official announcement!

react sign in with linkedin

Uptight Unicorn answered on June 7, 2022 Popularity 9/10 Helpfulness 4/10

answer react sign in with linkedin

react sign in with linkedin

Comment

import React, { useState } from 'react';

import { useLinkedIn } from 'react-linkedin-login-oauth2';
// You can use provided image shipped by this package or using your own
import linkedin from 'react-linkedin-login-oauth2';

function LinkedInPage() {
  const { linkedInLogin } = useLinkedIn({
    clientId: '86vhj2q7ukf83q',
    redirectUri: `${window.location.origin}/linkedin`, // for Next.js, you can use `${typeof window === 'object' && window.location.origin}/linkedin`
    onSuccess: (code) => {
      console.log(code);
    },
    onError: (error) => {
      console.log(error);
    },
  });

  return (
    <img
      onClick={linkedInLogin}
      src={linkedin}
      alt="Sign in with Linked In"
      style={{ maxWidth: '180px', cursor: 'pointer' }}
    />
  );
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: www.npmjs.com

Tags: javascript linkedin sign

Link to this answer
Share Copy Link

Contributed on Jun 07 2022

Uptight Unicorn

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

react sign in with linkedin

Contents

More Related Answers

react sign in with linkedin

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.