How to use the @aragon/api-react.useNetwork function in @aragon/api-react

export default props => {
  const network = useNetwork()
  const theme = useTheme()
  return 
}

export default props => {
  const network = useNetwork()
  return 
}

const AllocationsHistory = ({ allocations, skipBudgetColumn }) => {
  const theme = useTheme()
  const { layoutName } = useLayout()
  const { balances = [], budgets = [] } = useAppState()
  const network = useNetwork()
  const getTokenSymbol = inputAddress => {
    const matchingBalance = balances.find(({ address }) => addressesEqual(inputAddress, address))
    return matchingBalance ? matchingBalance.symbol : ''
  }
  const getBudgetName = inputId => {
    const matchingName = budgets.find(({ id }) => inputId === id)
    return matchingName ? matchingName.name : `# ${inputId}`
  }
  const fields = [
    'Date',
    { label: 'Recipients', childStart: true },
    'Description',
    'Status',
    'Amount'
  ]
  if (!skipBudgetColumn) {

const LocalIdentityBadge = ({ entity, forceAddress, ...props }) => {
  const network = useNetwork()
  const [ label, showLocalIdentityModal ] = useIdentity(entity)
  const handleClick = () => showLocalIdentityModal(entity)
  return (
    ,
        onClick: handleClick,
      }}
      popoverTitle={
        label ?  : undefined
      }
      {...props}
    />

const RequestDetail = ({ request, token, onBack, onSubmit, onWithdraw }) => {
  const { layoutName } = useLayout()
  const theme = useTheme()
  const connectedAccount = useConnectedAccount()
  const network = useNetwork()
  const {
    requestId,
    requesterAddress,
    depositAmount,
    depositSymbol,
    requestAmount,
    depositDecimals,
    depositToken,
    reference,
    date,
    status,
  } = request
  const depositFormated = formatTokenAmount(depositAmount, false, depositDecimals, token.decimals)
  const requestFormated = formatTokenAmount(requestAmount, false, token.decimals, token.decimals)
  const requestRounded = formatTokenAmountSymbol(token.symbol, requestAmount, token.decimals)
  const title = `#${requestId} - ${requestRounded} requested by`