How to check for logged in status?

[pmb88]

I've recently started on a custom checkout extensibility that adds a new text box and edits an attribute. That is working and can see the data changing. Is there a way for it to only show that box if the customer is logged in?

[sg84 · Accepted solution]

I've done it with the useCustomer hook. Not sure if there is a simpler way.

[pmb88]

Thank you for the answer.

So for example it would be something like this:

import {
  reactExtension,
  Banner,
  BlockStack,
  Checkbox,
  Text,
  TextField,
  useApi,
  useApplyAttributeChange,
  useInstructions,
  useTranslate,
  useApplyNoteChange,
  useAttributes,
useCustomer
} from "@shopify/ui-extensions-react/checkout";


function Extension() { 
  const { extension } = useApi();
  const c = useCustomer();
  if(!c){
//do customer only code.
 }

}

I'm new to React.