diff --git a/apps/core-app/src/Routes.tsx b/apps/core-app/src/Routes.tsx
index 26a7502b2..9271ed969 100644
--- a/apps/core-app/src/Routes.tsx
+++ b/apps/core-app/src/Routes.tsx
@@ -1,9 +1,8 @@
 import React from 'react';
 import { Routes as RoutesDom, Route } from 'react-router-dom';
+import { Banner } from '@daohaus/ui';
 
-import { DaoContextProvider } from './contexts/DaoContext';
 import Home from './pages/Home';
-import Dao from './pages/Dao';
 import DaoOverview from './pages/DaoOverview';
 import Members from './pages/Members';
 import Member from './pages/Member';
@@ -14,7 +13,7 @@ import Settings from './pages/Settings';
 import NewProposal from './pages/NewProposal';
 import UpdateSettings from './pages/UpdateSettings';
 import ProposalDetails from './pages/ProposalDetails';
-import { Banner } from '@daohaus/ui';
+import { DaoContainer } from './pages/DaoContainer';
 
 const Routes = () => {
   return (
@@ -22,14 +21,7 @@ const Routes = () => {
       <Banner />
       <RoutesDom>
         <Route path="/" element={<Home />} />
-        <Route
-          path="molochv3/:daochain/:daoid"
-          element={
-            <DaoContextProvider>
-              <Dao />
-            </DaoContextProvider>
-          }
-        >
+        <Route path="molochv3/:daochain/:daoid" element={<DaoContainer />}>
           <Route index element={<DaoOverview />} />
           <Route path="formtest" element={<FormTest />} />
           <Route path="proposals" element={<Proposals />} />
diff --git a/apps/core-app/src/components/DaoProfile.tsx b/apps/core-app/src/components/DaoProfile.tsx
index da29bc54b..db9c388d1 100644
--- a/apps/core-app/src/components/DaoProfile.tsx
+++ b/apps/core-app/src/components/DaoProfile.tsx
@@ -15,8 +15,8 @@ import {
   Button,
   Link,
 } from '@daohaus/ui';
+import { TDao } from '@daohaus/dao-context';
 
-import { TDao } from '../contexts/DaoContext';
 import { TagList } from './TagList';
 import { missingDaoProfileData } from '../utils/general';
 
diff --git a/apps/core-app/src/components/FakeMarkdown.tsx b/apps/core-app/src/components/FakeMarkdown.tsx
index 9c030b3be..a435c559d 100644
--- a/apps/core-app/src/components/FakeMarkdown.tsx
+++ b/apps/core-app/src/components/FakeMarkdown.tsx
@@ -7,7 +7,7 @@ import {
   SuccessMessage,
   WrappedTextArea,
 } from '@daohaus/ui';
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { useParams } from 'react-router-dom';
 import {
   ENDPOINTS,
diff --git a/apps/core-app/src/components/GovernanceSettings.tsx b/apps/core-app/src/components/GovernanceSettings.tsx
index d5599b365..7ee41cae4 100644
--- a/apps/core-app/src/components/GovernanceSettings.tsx
+++ b/apps/core-app/src/components/GovernanceSettings.tsx
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { H3, H4, DataIndicator, ParSm, widthQuery, Theme } from '@daohaus/ui';
 
-import { TDao } from '../contexts/DaoContext';
+import { TDao } from '@daohaus/dao-context';
 import {
   charLimit,
   formatPeriods,
diff --git a/apps/core-app/src/components/MembersOverview.tsx b/apps/core-app/src/components/MembersOverview.tsx
index 16693d802..a5771f300 100644
--- a/apps/core-app/src/components/MembersOverview.tsx
+++ b/apps/core-app/src/components/MembersOverview.tsx
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { Card, Theme, DataIndicator, widthQuery } from '@daohaus/ui';
 
-import { TDao } from '../contexts/DaoContext';
+import { TDao } from '@daohaus/dao-context';
 import { charLimit, formatValueTo, fromWei } from '@daohaus/common-utilities';
 
 const MembersOverviewCard = styled(Card)`
diff --git a/apps/core-app/src/components/MetadataSettings.tsx b/apps/core-app/src/components/MetadataSettings.tsx
index a0521b47b..e4c9584e3 100644
--- a/apps/core-app/src/components/MetadataSettings.tsx
+++ b/apps/core-app/src/components/MetadataSettings.tsx
@@ -10,7 +10,7 @@ import {
   Link,
 } from '@daohaus/ui';
 
-import { TDao, useConnectedMembership } from '../contexts/DaoContext';
+import { TDao, useConnectedMembership } from '@daohaus/dao-context';
 import { TagList } from '../components/TagList';
 import { useParams } from 'react-router-dom';
 import { charLimit, Keychain } from '@daohaus/common-utilities';
diff --git a/apps/core-app/src/components/Profile.tsx b/apps/core-app/src/components/Profile.tsx
index 4f7a7c500..6139eae40 100644
--- a/apps/core-app/src/components/Profile.tsx
+++ b/apps/core-app/src/components/Profile.tsx
@@ -22,7 +22,7 @@ import {
   votingPowerPercentage,
 } from '@daohaus/common-utilities';
 
-import { TMembership, useDao } from '../contexts/DaoContext';
+import { TMembership, useDao } from '@daohaus/dao-context';
 
 const AvatarLarge = styled(Avatar)`
   height: 12rem;
diff --git a/apps/core-app/src/components/ProposalCardOverview.tsx b/apps/core-app/src/components/ProposalCardOverview.tsx
index ae3493d69..eed8e515c 100644
--- a/apps/core-app/src/components/ProposalCardOverview.tsx
+++ b/apps/core-app/src/components/ProposalCardOverview.tsx
@@ -7,7 +7,7 @@ import {
   Keychain,
 } from '@daohaus/common-utilities';
 
-import { TProposals } from '../contexts/DaoContext';
+import { TProposals } from '@daohaus/dao-context';
 import { getProposalTypeLabel } from '../utils/general';
 
 const OverviewContainer = styled.div`
diff --git a/apps/core-app/src/components/ProposalDetailsGuts.tsx b/apps/core-app/src/components/ProposalDetailsGuts.tsx
index faad1c1e6..87a0aede4 100644
--- a/apps/core-app/src/components/ProposalDetailsGuts.tsx
+++ b/apps/core-app/src/components/ProposalDetailsGuts.tsx
@@ -13,7 +13,7 @@ import {
   Keychain,
 } from '@daohaus/common-utilities';
 
-import { TProposals } from '../contexts/DaoContext';
+import { TProposals } from '@daohaus/dao-context';
 import { ProposalWarning } from './ProposalWarning';
 
 const OverviewContainer = styled.div`
diff --git a/apps/core-app/src/components/ProposalHistory.tsx b/apps/core-app/src/components/ProposalHistory.tsx
index e0a01cff9..9edce551a 100644
--- a/apps/core-app/src/components/ProposalHistory.tsx
+++ b/apps/core-app/src/components/ProposalHistory.tsx
@@ -3,7 +3,7 @@ import { useParams } from 'react-router-dom';
 import styled from 'styled-components';
 import { getNetwork } from '@daohaus/common-utilities';
 
-import { TProposals } from '../contexts/DaoContext';
+import { TProposals } from '@daohaus/dao-context';
 import { ProposalHistoryCard } from './ProposalHistoryCard';
 import {
   buildProposalHistory,
diff --git a/apps/core-app/src/components/ProposalHistoryCard.tsx b/apps/core-app/src/components/ProposalHistoryCard.tsx
index dc4afe9af..881b47276 100644
--- a/apps/core-app/src/components/ProposalHistoryCard.tsx
+++ b/apps/core-app/src/components/ProposalHistoryCard.tsx
@@ -22,7 +22,7 @@ import {
   ProposalHistoryElement,
   ProposalHistoryElementData,
 } from '../utils/historyHelpers';
-import { TProposals } from '../contexts/DaoContext';
+import { TProposals } from '@daohaus/dao-context';
 import { VoteList } from './VoteList';
 
 const ElementContainer = styled.div`
diff --git a/apps/core-app/src/components/ShamanList.tsx b/apps/core-app/src/components/ShamanList.tsx
index a7e6d5571..4e81790f2 100644
--- a/apps/core-app/src/components/ShamanList.tsx
+++ b/apps/core-app/src/components/ShamanList.tsx
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { AddressDisplay, Button, DataSm, widthQuery } from '@daohaus/ui';
 
-import { TDao } from '../contexts/DaoContext';
+import { TDao } from '@daohaus/dao-context';
 import { useParams } from 'react-router-dom';
 import { Keychain } from '@daohaus/common-utilities';
 
diff --git a/apps/core-app/src/components/ShamanSettings.tsx b/apps/core-app/src/components/ShamanSettings.tsx
index 91382967c..bad9c7aba 100644
--- a/apps/core-app/src/components/ShamanSettings.tsx
+++ b/apps/core-app/src/components/ShamanSettings.tsx
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { H3, ParSm } from '@daohaus/ui';
 
-import { TDao } from '../contexts/DaoContext';
+import { TDao } from '@daohaus/dao-context';
 import { ShamanList } from './ShamanList';
 
 const ShamanContainer = styled.div`
diff --git a/apps/core-app/src/components/VaultOverview.tsx b/apps/core-app/src/components/VaultOverview.tsx
index 7e2289f79..6f7e7cd2e 100644
--- a/apps/core-app/src/components/VaultOverview.tsx
+++ b/apps/core-app/src/components/VaultOverview.tsx
@@ -17,12 +17,13 @@ import {
   Keychain,
 } from '@daohaus/common-utilities';
 
-import { TDao } from '../contexts/DaoContext';
+import { TDao } from '@daohaus/dao-context';
 
 const VaultOverviewCard = styled(Card)`
   background-color: ${({ theme }: { theme: Theme }) => theme.card.hoverBg};
   border: none;
   padding: 3rem;
+  width: 100%;
 `;
 
 const VaultCardHeader = styled.div`
diff --git a/apps/core-app/src/components/VoteList.tsx b/apps/core-app/src/components/VoteList.tsx
index bed060a16..4adf5de1d 100644
--- a/apps/core-app/src/components/VoteList.tsx
+++ b/apps/core-app/src/components/VoteList.tsx
@@ -7,7 +7,7 @@ import {
 } from '@daohaus/common-utilities';
 import { AddressDisplay, DataMd, ParMd } from '@daohaus/ui';
 
-import { TProposals } from '../contexts/DaoContext';
+import { TProposals } from '@daohaus/dao-context';
 import { useParams } from 'react-router-dom';
 
 const VotesContainer = styled.div`
diff --git a/apps/core-app/src/components/customFields/RequestERC20.tsx b/apps/core-app/src/components/customFields/RequestERC20.tsx
index d37cf67a7..06e3497aa 100644
--- a/apps/core-app/src/components/customFields/RequestERC20.tsx
+++ b/apps/core-app/src/components/customFields/RequestERC20.tsx
@@ -9,7 +9,7 @@ import { Buildable, Button, WrappedInputSelect } from '@daohaus/ui';
 import { useMemo } from 'react';
 import { RegisterOptions, useFormContext } from 'react-hook-form';
 import { useParams } from 'react-router-dom';
-import { useDao } from '../../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { getErc20s } from '../../utils/tokenData';
 
 export enum InputStates {
diff --git a/apps/core-app/src/components/customFields/RequestNativeToken.tsx b/apps/core-app/src/components/customFields/RequestNativeToken.tsx
index 7031a6f2e..35ceb183b 100644
--- a/apps/core-app/src/components/customFields/RequestNativeToken.tsx
+++ b/apps/core-app/src/components/customFields/RequestNativeToken.tsx
@@ -8,7 +8,7 @@ import {
 } from '@daohaus/common-utilities';
 import { Buildable, Button, WrappedInput } from '@daohaus/ui';
 
-import { useDao } from '../../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { getNetworkToken } from '../../utils/tokenData';
 
 // enum InputStates {
diff --git a/apps/core-app/src/components/customFields/SelectApplicant.tsx b/apps/core-app/src/components/customFields/SelectApplicant.tsx
index be96b2523..05d3ba924 100644
--- a/apps/core-app/src/components/customFields/SelectApplicant.tsx
+++ b/apps/core-app/src/components/customFields/SelectApplicant.tsx
@@ -1,17 +1,30 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { useParams } from 'react-router-dom';
-import { useMembers } from '../../contexts/DaoContext';
+import { useMembers } from '@daohaus/dao-context';
 import { Keychain } from '@daohaus/common-utilities';
-import { Buildable, Button, ErrorMessage, Field, OptionType, WrappedInput, WrappedSelect } from '@daohaus/ui';
+import {
+  Buildable,
+  Button,
+  ErrorMessage,
+  Field,
+  OptionType,
+  WrappedInput,
+  WrappedSelect,
+} from '@daohaus/ui';
 
 import { isActiveMember } from '../../utils/dataFetchHelpers';
 
-type SelectApplicantProps = Buildable<Field & {
-  daoMemberOnly?: boolean;
-}>;
+type SelectApplicantProps = Buildable<
+  Field & {
+    daoMemberOnly?: boolean;
+  }
+>;
 
-export const SelectApplicant = ({ daoMemberOnly, ...props }: SelectApplicantProps) => {
+export const SelectApplicant = ({
+  daoMemberOnly,
+  ...props
+}: SelectApplicantProps) => {
   const [textMode, toggleTextMode] = useState(false);
   const [memberList, setMemberList] = useState<Array<OptionType>>([]);
   const [memberLoading, setMemberLoading] = useState(false);
@@ -32,40 +45,49 @@ export const SelectApplicant = ({ daoMemberOnly, ...props }: SelectApplicantProp
     setValError(undefined);
   }, [setValue]);
 
-  const fetchMember = useCallback(async (memberAddress: string, validateMember: boolean) => {
-    if (daochain && daoid) {
-      const rs = await isActiveMember({
-        daochain: daochain as keyof Keychain,
-        daoid,
-        address: memberAddress,
-        setMemberLoading,
-      });
-      if (rs.member) {
-        setValue('memberShares', rs.member.shares);
-        setValue('memberLoot', rs.member.loot);
+  const fetchMember = useCallback(
+    async (memberAddress: string, validateMember: boolean) => {
+      if (daochain && daoid) {
+        const rs = await isActiveMember({
+          daochain: daochain as keyof Keychain,
+          daoid,
+          address: memberAddress,
+          setMemberLoading,
+        });
+        if (rs.member) {
+          setValue('memberShares', rs.member.shares);
+          setValue('memberLoot', rs.member.loot);
+        }
+        if (validateMember && rs.error) setValError(rs.error);
       }
-      if (validateMember && rs.error) setValError(rs.error);
-    }
-  }, [daochain, daoid, setValue]);
+    },
+    [daochain, daoid, setValue]
+  );
 
   const ToggeButton = () => {
     return (
-      <Button sm tertiary onClick={() => {
-        setValue(props.id, '');
-        toggleTextMode(!textMode);
-      }}>
+      <Button
+        sm
+        tertiary
+        onClick={() => {
+          setValue(props.id, '');
+          toggleTextMode(!textMode);
+        }}
+      >
         {textMode ? 'Select Member' : 'Input Address'}
       </Button>
-    )
+    );
   };
 
   useEffect(() => {
     if (members) {
       // TODO: WHat about pagination?
-      setMemberList(members.map(m => ({
-        name: m.memberAddress,
-        value: m.memberAddress,
-      })))
+      setMemberList(
+        members.map((m) => ({
+          name: m.memberAddress,
+          value: m.memberAddress,
+        }))
+      );
     }
   }, [members]);
 
@@ -87,6 +109,3 @@ export const SelectApplicant = ({ daoMemberOnly, ...props }: SelectApplicantProp
     />
   );
 };
-
-
-
diff --git a/apps/core-app/src/components/customFields/ShamanDeluxe.tsx b/apps/core-app/src/components/customFields/ShamanDeluxe.tsx
index a1448a580..a1b5df561 100644
--- a/apps/core-app/src/components/customFields/ShamanDeluxe.tsx
+++ b/apps/core-app/src/components/customFields/ShamanDeluxe.tsx
@@ -9,7 +9,7 @@ import {
 } from '@daohaus/common-utilities';
 import { Buildable, DataSm, ShamanPermission } from '@daohaus/ui';
 
-import { useDao } from '../../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 
 const Secondary = styled.span`
   color: ${(props) => props.theme.secondary};
diff --git a/apps/core-app/src/components/customFields/proposalExpiry.tsx b/apps/core-app/src/components/customFields/proposalExpiry.tsx
index 304b9c530..76876bcca 100644
--- a/apps/core-app/src/components/customFields/proposalExpiry.tsx
+++ b/apps/core-app/src/components/customFields/proposalExpiry.tsx
@@ -10,17 +10,24 @@ import {
   WrappedInput,
   InputSelect,
 } from '@daohaus/ui';
-import { useDao } from '../../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 
 const INPUT_ID = 'expiryValue';
-const SELECT_ID = 'expiryPeriod'
+const SELECT_ID = 'expiryPeriod';
 
-type ProposalExpiryProps = Buildable<Field & {
-  defaultValue?: string;
-  label: string;
-}>;
+type ProposalExpiryProps = Buildable<
+  Field & {
+    defaultValue?: string;
+    label: string;
+  }
+>;
 
-export const ProposalExpiry = ({ id, defaultValue, rules, ...props }: ProposalExpiryProps) => {
+export const ProposalExpiry = ({
+  id,
+  defaultValue,
+  rules,
+  ...props
+}: ProposalExpiryProps) => {
   const { watch, register, setValue } = useFormContext();
   const [periodValue, periodMultiplier] = watch([INPUT_ID, SELECT_ID]);
   const { dao } = useDao();
@@ -47,8 +54,8 @@ export const ProposalExpiry = ({ id, defaultValue, rules, ...props }: ProposalEx
         expiryDateString,
         format(
           addSeconds(new Date(), absoluteExtendedPeriod),
-          "MMM dd, yyyy 'at' hh:mmaaa OOO",
-        ),
+          "MMM dd, yyyy 'at' hh:mmaaa OOO"
+        )
       );
     }
   }, [dao, expiryDateString, id, periodValue, periodMultiplier, setValue]);
@@ -69,15 +76,15 @@ export const ProposalExpiry = ({ id, defaultValue, rules, ...props }: ProposalEx
       </FieldSpacer>
       <FieldSpacer>
         <HighlightInputText
-          id='highlightProposalExpiry'
-          description='Expiration will be on:'
-          highlightColor='#B4D7CE'
+          id="highlightProposalExpiry"
+          description="Expiration will be on:"
+          highlightColor="#B4D7CE"
           highlightInputId={expiryDateString}
         />
       </FieldSpacer>
       <HighlightInputText
-        id='expirationDateDescription'
-        description='The expiration date includes Voting and Grace Periods. Adjust the days or hour to update the expiration.'
+        id="expirationDateDescription"
+        description="The expiration date includes Voting and Grace Periods. Adjust the days or hour to update the expiration."
       />
       <WrappedInput id={id} hidden />
       <WrappedInput id={expiryDateString} hidden />
diff --git a/apps/core-app/src/components/proposalCards/HasNotVoted.tsx b/apps/core-app/src/components/proposalCards/HasNotVoted.tsx
index a33e85869..3057f41be 100644
--- a/apps/core-app/src/components/proposalCards/HasNotVoted.tsx
+++ b/apps/core-app/src/components/proposalCards/HasNotVoted.tsx
@@ -11,7 +11,7 @@ import { useHausConnect } from '@daohaus/daohaus-connect-feature';
 import { useTxBuilder } from '@daohaus/tx-builder-feature';
 import { ParMd, TintSecondary, useToast } from '@daohaus/ui';
 
-import { useConnectedMembership, useDao } from '../../contexts/DaoContext';
+import { useConnectedMembership, useDao } from '@daohaus/dao-context';
 import { ACTION_TX } from '../../legos/tx';
 import {
   ActionTemplate,
diff --git a/apps/core-app/src/components/proposalCards/ReadyForProcessing.tsx b/apps/core-app/src/components/proposalCards/ReadyForProcessing.tsx
index d60319693..86b8be024 100644
--- a/apps/core-app/src/components/proposalCards/ReadyForProcessing.tsx
+++ b/apps/core-app/src/components/proposalCards/ReadyForProcessing.tsx
@@ -6,7 +6,7 @@ import styled from 'styled-components';
 import { ActionTemplate, GasDisplay, Verdict } from './ActionPrimitives';
 import { useParams } from 'react-router-dom';
 import { useHausConnect } from '@daohaus/daohaus-connect-feature';
-import { useDao } from '../../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { useTxBuilder } from '@daohaus/tx-builder-feature';
 import {
   handleErrorMessage,
diff --git a/apps/core-app/src/components/proposalCards/Unsponsored.tsx b/apps/core-app/src/components/proposalCards/Unsponsored.tsx
index 929a5f9a2..c3ae2118e 100644
--- a/apps/core-app/src/components/proposalCards/Unsponsored.tsx
+++ b/apps/core-app/src/components/proposalCards/Unsponsored.tsx
@@ -10,7 +10,7 @@ import { Italic, ParSm, Spinner, useToast } from '@daohaus/ui';
 import React, { useMemo } from 'react';
 import { useParams } from 'react-router-dom';
 import { useTheme } from 'styled-components';
-import { useConnectedMembership, useDao } from '../../contexts/DaoContext';
+import { useConnectedMembership, useDao } from '@daohaus/dao-context';
 import { PROP_CARD_HELP } from '../../data/copy';
 import { ACTION_TX } from '../../legos/tx';
 import { VotingBar } from '../VotingBar';
diff --git a/apps/core-app/src/legos/form.ts b/apps/core-app/src/legos/form.ts
index a4d496bd5..ab3205404 100644
--- a/apps/core-app/src/legos/form.ts
+++ b/apps/core-app/src/legos/form.ts
@@ -14,9 +14,7 @@ export const getFormLegoById = (
 };
 
 // Proposal settings fields (e.g. proposal expiry, proposal offering)
-const PROPOSAL_SETTINGS_FIELDS = [
-  FIELD.PROPOSAL_EXPIRY,
-];
+const PROPOSAL_SETTINGS_FIELDS = [FIELD.PROPOSAL_EXPIRY];
 
 /*
 Quick Reference for forms
@@ -49,7 +47,12 @@ export const PROPOSAL_FORMS: Record<string, CustomFormLego> = {
     requiredFields: { title: true, description: true },
     log: true,
     tx: TX.POST_SIGNAL,
-    fields: [FIELD.TITLE, FIELD.DESCRIPTION, FIELD.LINK, ...PROPOSAL_SETTINGS_FIELDS],
+    fields: [
+      FIELD.TITLE,
+      FIELD.DESCRIPTION,
+      FIELD.LINK,
+      ...PROPOSAL_SETTINGS_FIELDS,
+    ],
   },
   ISSUE: {
     id: 'ISSUE',
diff --git a/apps/core-app/src/pages/Dao.tsx b/apps/core-app/src/pages/Dao.tsx
index 89a9537f1..fdf5a09d4 100644
--- a/apps/core-app/src/pages/Dao.tsx
+++ b/apps/core-app/src/pages/Dao.tsx
@@ -1,6 +1,6 @@
 import { useParams, Outlet } from 'react-router-dom';
 import { HausLayout, useHausConnect } from '@daohaus/daohaus-connect-feature';
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { TXBuilder } from '@daohaus/tx-builder-feature';
 
 export function Dao() {
@@ -24,7 +24,10 @@ export function Dao() {
             href: `/molochv3/${daochain}/${daoid}/proposals`,
           },
           { label: 'Vaults', href: `/molochv3/${daochain}/${daoid}/vaults` },
-          { label: 'Members', href: `/molochv3/${daochain}/${daoid}/members` },
+          {
+            label: 'Members',
+            href: `/molochv3/${daochain}/${daoid}/members`,
+          },
         ]}
         dropdownLinks={[
           {
diff --git a/apps/core-app/src/pages/DaoContainer.tsx b/apps/core-app/src/pages/DaoContainer.tsx
new file mode 100644
index 000000000..4c456965e
--- /dev/null
+++ b/apps/core-app/src/pages/DaoContainer.tsx
@@ -0,0 +1,17 @@
+import { useParams } from 'react-router-dom';
+import { useHausConnect } from '@daohaus/daohaus-connect-feature';
+import { DaoContextProvider } from '@daohaus/dao-context';
+import Dao from './Dao';
+
+export function DaoContainer() {
+  const { daochain, daoid } = useParams();
+  const { address } = useHausConnect();
+
+  return (
+    <DaoContextProvider address={address} daoid={daoid} daochain={daochain}>
+      <Dao />
+    </DaoContextProvider>
+  );
+}
+
+export default Dao;
diff --git a/apps/core-app/src/pages/DaoOverview.tsx b/apps/core-app/src/pages/DaoOverview.tsx
index 6a68cc0db..4f4da8999 100644
--- a/apps/core-app/src/pages/DaoOverview.tsx
+++ b/apps/core-app/src/pages/DaoOverview.tsx
@@ -7,7 +7,7 @@ import {
   SingleColumnLayout,
   widthQuery,
 } from '@daohaus/ui';
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { DaoProfile } from '../components/DaoProfile';
 import { charLimit, formatValueTo, fromWei } from '@daohaus/common-utilities';
 
diff --git a/apps/core-app/src/pages/Member.tsx b/apps/core-app/src/pages/Member.tsx
index 1c8159678..7e17a19f2 100644
--- a/apps/core-app/src/pages/Member.tsx
+++ b/apps/core-app/src/pages/Member.tsx
@@ -25,7 +25,7 @@ import {
 } from '@daohaus/common-utilities';
 import { AccountProfile, FindMemberQuery, Haus } from '@daohaus/dao-data';
 
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { Profile } from '../components/Profile';
 import { DaoTable } from '../components/DaohausTable';
 import { loadMember } from '../utils/dataFetchHelpers';
diff --git a/apps/core-app/src/pages/Members.tsx b/apps/core-app/src/pages/Members.tsx
index 9ebd41ebc..ecb99b033 100644
--- a/apps/core-app/src/pages/Members.tsx
+++ b/apps/core-app/src/pages/Members.tsx
@@ -23,7 +23,7 @@ import {
   TMembers,
   useConnectedMembership,
   defaultDaoData,
-} from '../contexts/DaoContext';
+} from '@daohaus/dao-context';
 import { MembersOverview } from '../components/MembersOverview';
 import { ProfileLink } from '../components/ProfileLink';
 import { DaoTable } from '../components/DaohausTable';
@@ -33,6 +33,7 @@ const MemberContainer = styled(Card)`
   border: none;
   margin-bottom: 3rem;
   min-height: 20rem;
+  width: 100%;
   @media ${widthQuery.lg} {
     max-width: 100%;
     min-width: 0;
diff --git a/apps/core-app/src/pages/NewProposal.tsx b/apps/core-app/src/pages/NewProposal.tsx
index cda65f7d0..d95296530 100644
--- a/apps/core-app/src/pages/NewProposal.tsx
+++ b/apps/core-app/src/pages/NewProposal.tsx
@@ -4,7 +4,7 @@ import { FormBuilder } from '@daohaus/haus-form-builder';
 
 import { getFormLegoById } from '../legos/form';
 import { CustomFields } from '../legos/config';
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 
 export function NewProposal() {
   const location = useLocation();
diff --git a/apps/core-app/src/pages/Proposals.tsx b/apps/core-app/src/pages/Proposals.tsx
index 8ea496f21..22a9f810d 100644
--- a/apps/core-app/src/pages/Proposals.tsx
+++ b/apps/core-app/src/pages/Proposals.tsx
@@ -10,7 +10,7 @@ import {
 import { statusFilter } from '@daohaus/dao-data';
 import { BsPlusLg } from 'react-icons/bs';
 
-import { defaultDaoData, useDao, useProposals } from '../contexts/DaoContext';
+import { defaultDaoData, useDao, useProposals } from '@daohaus/dao-context';
 import { NewProposalList } from '../components/NewProposalList';
 import { PROPOSAL_FORMS } from '../legos/form';
 import SearchInput from '../components/SearchInput';
diff --git a/apps/core-app/src/pages/Settings.tsx b/apps/core-app/src/pages/Settings.tsx
index 19d003e69..1924e3168 100644
--- a/apps/core-app/src/pages/Settings.tsx
+++ b/apps/core-app/src/pages/Settings.tsx
@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { Card, SingleColumnLayout, widthQuery } from '@daohaus/ui';
 
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { MetadataSettings } from '../components/MetadataSettings';
 import { GovernanceSettings } from '../components/GovernanceSettings';
 import { ShamanSettings } from '../components/ShamanSettings';
diff --git a/apps/core-app/src/pages/UpdateSettings.tsx b/apps/core-app/src/pages/UpdateSettings.tsx
index 9bbc696ba..ef1bf709a 100644
--- a/apps/core-app/src/pages/UpdateSettings.tsx
+++ b/apps/core-app/src/pages/UpdateSettings.tsx
@@ -1,6 +1,6 @@
 import { FormBuilder } from '@daohaus/haus-form-builder';
 import { useMemo } from 'react';
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { CustomFields } from '../legos/config';
 import { COMMON_FORMS } from '../legos/form';
 
diff --git a/apps/core-app/src/pages/Vaults.tsx b/apps/core-app/src/pages/Vaults.tsx
index bb4d5c498..02921c4ba 100644
--- a/apps/core-app/src/pages/Vaults.tsx
+++ b/apps/core-app/src/pages/Vaults.tsx
@@ -1,11 +1,12 @@
 import styled from 'styled-components';
 
 import { Card, SingleColumnLayout, widthQuery } from '@daohaus/ui';
-import { useDao } from '../contexts/DaoContext';
+import { useDao } from '@daohaus/dao-context';
 import { VaultOverview } from '../components/VaultOverview';
 
 const VaultContainer = styled(Card)`
   padding: 3rem;
+  width: 100%;
   border: none;
   @media ${widthQuery.lg} {
     max-width: 100%;
diff --git a/apps/core-app/src/utils/constants.ts b/apps/core-app/src/utils/constants.ts
index f7fd258df..aa4f5b4a7 100644
--- a/apps/core-app/src/utils/constants.ts
+++ b/apps/core-app/src/utils/constants.ts
@@ -11,13 +11,6 @@ export const PROPOSAL_FILTERS: { [key: string]: string } = {
   expired: 'Expired',
 };
 
-export const DEFAULT_PROPOSAL_PAGE_SIZE = 10;
-export const DEFAULT_MEMBERS_PAGE_SIZE = 25;
-export const DEFAULT_PROPOSAL_SORT: Ordering<Proposal_OrderBy> = {
-  orderBy: 'createdAt',
-  orderDirection: 'desc',
-};
-
 export enum ProposalTypeIds {
   Signal = 'SIGNAL',
   IssueSharesLoot = 'ISSUE',
diff --git a/apps/core-app/src/utils/general.ts b/apps/core-app/src/utils/general.ts
index f74078018..1638aaabe 100644
--- a/apps/core-app/src/utils/general.ts
+++ b/apps/core-app/src/utils/general.ts
@@ -1,4 +1,4 @@
-import { TDao, TMembers } from '../contexts/DaoContext';
+import { TDao, TMembers } from '@daohaus/dao-context';
 import { PROPOSAL_TYPE_LABELS } from './constants';
 
 export const missingDaoProfileData = (dao: TDao): boolean => {
diff --git a/apps/core-app/src/utils/historyHelpers.ts b/apps/core-app/src/utils/historyHelpers.ts
index a9d11ac24..47cf0c8dd 100644
--- a/apps/core-app/src/utils/historyHelpers.ts
+++ b/apps/core-app/src/utils/historyHelpers.ts
@@ -8,7 +8,7 @@ import {
   NetworkType,
   PROPOSAL_STATUS,
 } from '@daohaus/common-utilities';
-import { TProposals } from '../contexts/DaoContext';
+import { TProposals } from '@daohaus/dao-context';
 
 export type ProposalHistoryElementData = {
   dataType: 'member' | 'dataIndicator';
diff --git a/libs/dao-context/.babelrc b/libs/dao-context/.babelrc
new file mode 100644
index 000000000..e513ea41c
--- /dev/null
+++ b/libs/dao-context/.babelrc
@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nrwl/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": [["styled-components", { "pure": true, "ssr": true }]]
+}
diff --git a/libs/dao-context/.eslintrc.json b/libs/dao-context/.eslintrc.json
new file mode 100644
index 000000000..734ddacee
--- /dev/null
+++ b/libs/dao-context/.eslintrc.json
@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}
diff --git a/libs/dao-context/.gitkeep b/libs/dao-context/.gitkeep
new file mode 100644
index 000000000..e69de29bb
diff --git a/libs/dao-context/README.md b/libs/dao-context/README.md
new file mode 100644
index 000000000..553c3d208
--- /dev/null
+++ b/libs/dao-context/README.md
@@ -0,0 +1,7 @@
+# dao-context
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test dao-context` to execute the unit tests via [Jest](https://jestjs.io).
diff --git a/libs/dao-context/jest.config.ts b/libs/dao-context/jest.config.ts
new file mode 100644
index 000000000..568f85d10
--- /dev/null
+++ b/libs/dao-context/jest.config.ts
@@ -0,0 +1,15 @@
+/* eslint-disable */
+export default {
+  displayName: 'dao-context',
+  preset: '../../jest.preset.js',
+  globals: {
+    'ts-jest': {
+      tsconfig: '<rootDir>/tsconfig.spec.json',
+    },
+  },
+  transform: {
+    '^.+\\.[tj]sx?$': 'ts-jest',
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/libs/dao-context',
+};
diff --git a/libs/dao-context/package.json b/libs/dao-context/package.json
new file mode 100644
index 000000000..e3852e077
--- /dev/null
+++ b/libs/dao-context/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "@daohaus/dao-context",
+  "version": "0.0.1",
+  "main": "./dao-context.umd.js",
+  "module": "./dao-context.es.js",
+  "exports": {
+    ".": {
+      "import": "./dao-context.es.js",
+      "require": "./dao-context.umd.js"
+    }
+  }
+}
diff --git a/libs/dao-context/project.json b/libs/dao-context/project.json
new file mode 100644
index 000000000..45cd2b6d6
--- /dev/null
+++ b/libs/dao-context/project.json
@@ -0,0 +1,65 @@
+{
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/dao-context/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "vite-build": {
+      "executor": "@nxext/vite:package",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/libs/dao-context",
+        "frameworkConfigFile": "@nxext/react/plugins/vite",
+        "configFile": "libs/dao-context/vite.config.ts",
+        "entryFile": "src/index.ts",
+        "generatePackageJson": true
+      }
+    },
+    "build": {
+      "executor": "@nrwl/workspace:run-commands",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/libs/dao-context",
+        "command": "tsc --project libs/dao-context/tsconfig.lib.json --emitDeclarationOnly --skipLibCheck",
+        "color": true
+      },
+      "dependsOn": [
+        {
+          "target": "vite-build",
+          "projects": "self"
+        }
+      ]
+    },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["libs/dao-context/**/*.{ts,tsx,js,jsx}"]
+      }
+    },
+    "version": {
+      "executor": "@jscutlery/semver:version",
+      "options": {
+        "preset": "conventional",
+        "tagPrefix": "${projectName}@",
+        "noVerify": true,
+        "baseBranch": "master",
+        "commitMessageFormat": "ci(${projectName}): 🔥 cut release to ${version}"
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["coverage/libs/dao-context"],
+      "options": {
+        "jestConfig": "libs/dao-context/jest.config.ts",
+        "passWithNoTests": true
+      }
+    },
+    "deploy": {
+      "executor": "ngx-deploy-npm:deploy",
+      "options": {
+        "access": "public"
+      }
+    }
+  }
+}
diff --git a/apps/core-app/src/contexts/DaoContext.tsx b/libs/dao-context/src/DaoContext.tsx
similarity index 97%
rename from apps/core-app/src/contexts/DaoContext.tsx
rename to libs/dao-context/src/DaoContext.tsx
index 8b8d5677e..09c5e59cb 100644
--- a/apps/core-app/src/contexts/DaoContext.tsx
+++ b/libs/dao-context/src/DaoContext.tsx
@@ -12,7 +12,6 @@ import {
   Proposal_Filter,
   Proposal_OrderBy,
 } from '@daohaus/dao-data';
-import { useHausConnect } from '@daohaus/daohaus-connect-feature';
 import {
   createContext,
   ReactNode,
@@ -23,19 +22,18 @@ import {
   Dispatch,
   useRef,
 } from 'react';
-import { useParams } from 'react-router-dom';
 import {
   DEFAULT_MEMBERS_PAGE_SIZE,
   DEFAULT_PROPOSAL_PAGE_SIZE,
   DEFAULT_PROPOSAL_SORT,
-} from '../utils/constants';
+} from './utils/constants';
 import {
   loadConnectedMemberVotesList,
   loadDao,
   loadMember,
   loadMembersList,
   loadProposalsList,
-} from '../utils/dataFetchHelpers';
+} from './utils/fetchHelpers';
 
 export type TDao = DaoWithTokenDataQuery['dao'];
 export type TMembers = ListMembersQuery['members'];
@@ -172,14 +170,18 @@ interface DaoConnectType
 export const DaoContext = createContext<DaoConnectType>(defaultDaoData);
 
 type DaoContextProviderProps = {
+  address: string | null | undefined;
+  daoid: string | null | undefined;
+  daochain: string | null | undefined;
   children: ReactNode;
 };
 
-export const DaoContextProvider = ({ children }: DaoContextProviderProps) => {
-  const { address } = useHausConnect();
-
-  const { daochain, daoid } = useParams();
-
+export const DaoContextProvider = ({
+  address,
+  children,
+  daoid,
+  daochain,
+}: DaoContextProviderProps) => {
   const [dao, setDao] = useState<DaoWithTokenDataQuery['dao'] | undefined>();
   const [isDaoLoading, setDaoLoading] = useState(false);
 
@@ -233,6 +235,7 @@ export const DaoContextProvider = ({ children }: DaoContextProviderProps) => {
     Paging | undefined
   >();
 
+
   useEffect(() => {
     let shouldUpdate = true;
     if (daochain && daoid) {
diff --git a/libs/dao-context/src/index.ts b/libs/dao-context/src/index.ts
new file mode 100644
index 000000000..5d871a9cc
--- /dev/null
+++ b/libs/dao-context/src/index.ts
@@ -0,0 +1,2 @@
+export * from './DaoContext';
+export * from './utils';
diff --git a/libs/dao-context/src/utils/constants.ts b/libs/dao-context/src/utils/constants.ts
new file mode 100644
index 000000000..46f5a660e
--- /dev/null
+++ b/libs/dao-context/src/utils/constants.ts
@@ -0,0 +1,8 @@
+import { Ordering, Proposal_OrderBy } from '@daohaus/dao-data';
+
+export const DEFAULT_PROPOSAL_PAGE_SIZE = 10;
+export const DEFAULT_MEMBERS_PAGE_SIZE = 25;
+export const DEFAULT_PROPOSAL_SORT: Ordering<Proposal_OrderBy> = {
+  orderBy: 'createdAt',
+  orderDirection: 'desc',
+};
diff --git a/libs/dao-context/src/utils/fetchHelpers.ts b/libs/dao-context/src/utils/fetchHelpers.ts
new file mode 100644
index 000000000..c34b816d3
--- /dev/null
+++ b/libs/dao-context/src/utils/fetchHelpers.ts
@@ -0,0 +1,340 @@
+import { Keychain, ReactSetter } from '@daohaus/common-utilities';
+import {
+  DaoWithTokenDataQuery,
+  FindMemberQuery,
+  Haus,
+  ITransformedProposalListQuery,
+  ITransformedProposalQuery,
+  ListConnectedMemberProposalsQuery,
+  ListMembersQuery,
+  Member_Filter,
+  Member_OrderBy,
+  Ordering,
+  Paging,
+  Proposal_Filter,
+  Proposal_OrderBy,
+} from '@daohaus/dao-data';
+import { ErrorMessage } from '@daohaus/ui';
+import deepEqual from 'deep-eql';
+
+export const loadDao = async ({
+  daoid,
+  daochain,
+  setDao,
+  setDaoLoading,
+  shouldUpdate,
+}: {
+  daoid: string;
+  daochain: keyof Keychain;
+  setDao: ReactSetter<DaoWithTokenDataQuery['dao'] | undefined>;
+  setDaoLoading: ReactSetter<boolean>;
+  shouldUpdate: boolean;
+}) => {
+  try {
+    setDaoLoading(true);
+    const haus = Haus.create();
+    const daoRes = await haus.query.findDao({
+      networkId: daochain,
+      dao: daoid,
+      includeTokens: true,
+    });
+
+    if (daoRes?.data?.dao && shouldUpdate) {
+      const daoData: DaoWithTokenDataQuery['dao'] = {
+        tokenBalances: [],
+        fiatTotal: 0,
+        ...daoRes.data.dao,
+      };
+
+      setDao(daoData);
+    }
+  } catch (error) {
+    console.error(error);
+    setDao(undefined);
+  } finally {
+    if (shouldUpdate) {
+      setDaoLoading(false);
+    }
+  }
+};
+
+export const loadMember = async ({
+  daoid,
+  daochain,
+  address,
+  setMember,
+  setMemberLoading,
+  shouldUpdate,
+}: {
+  daoid: string;
+  daochain: keyof Keychain;
+  address: string;
+  setMember: ReactSetter<FindMemberQuery['member'] | undefined>;
+  setMemberLoading: ReactSetter<boolean>;
+  shouldUpdate: boolean;
+}) => {
+  try {
+    setMemberLoading(true);
+    const haus = Haus.create();
+    const memberRes = await haus.query.findMember({
+      networkId: daochain,
+      dao: daoid,
+      memberAddress: address.toLowerCase(),
+    });
+
+    if (memberRes?.data?.member && shouldUpdate) {
+      setMember(memberRes.data.member);
+    } else if (shouldUpdate) {
+      setMember(undefined);
+    }
+  } catch (error) {
+    console.error(error);
+    setMember(undefined);
+  } finally {
+    if (shouldUpdate) {
+      setMemberLoading(false);
+    }
+  }
+};
+
+export const loadProposal = async ({
+  daoid,
+  daochain,
+  proposalId,
+  setProposal,
+  setProposalLoading,
+  shouldUpdate,
+  connectedAddress,
+}: {
+  daoid: string;
+  daochain: keyof Keychain;
+  proposalId: string;
+  setProposal: ReactSetter<ITransformedProposalQuery['proposal'] | undefined>;
+  setProposalLoading: ReactSetter<boolean>;
+  shouldUpdate: boolean;
+  connectedAddress?: string | null;
+}) => {
+  try {
+    setProposalLoading(true);
+    const haus = Haus.create();
+    const res = await haus.query.findProposal({
+      networkId: daochain,
+      dao: daoid,
+      proposalId: proposalId.toLowerCase(),
+      connectedAddress,
+    });
+
+    if (res?.data?.proposal && shouldUpdate) {
+      setProposal(res.data.proposal);
+    } else if (shouldUpdate) {
+      setProposal(undefined);
+    }
+  } catch (error) {
+    console.error(error);
+    setProposal(undefined);
+  } finally {
+    if (shouldUpdate) {
+      setProposalLoading(false);
+    }
+  }
+};
+
+export const loadMembersList = async ({
+  filter,
+  ordering,
+  paging,
+  daochain,
+  setData,
+  setLoading,
+  setNextPaging,
+  shouldUpdate,
+}: {
+  filter: Member_Filter;
+  ordering?: Ordering<Member_OrderBy>;
+  paging?: Paging;
+  daochain: keyof Keychain;
+  setData: ReactSetter<ListMembersQuery['members'] | undefined>;
+  setLoading: ReactSetter<boolean>;
+  setNextPaging: ReactSetter<Paging | undefined>;
+  shouldUpdate: boolean;
+}) => {
+  try {
+    setLoading(true);
+    const haus = Haus.create();
+    const res = await haus.query.listMembers({
+      networkId: daochain,
+      filter,
+      ordering,
+      paging,
+    });
+
+    if (shouldUpdate) {
+      setNextPaging(res.nextPaging);
+
+      setData((prevState) => {
+        if (deepEqual(prevState, res.items)) return res.items;
+        if (prevState) {
+          return [...prevState, ...res.items];
+        } else {
+          return res.items;
+        }
+      });
+    }
+  } catch (error) {
+    console.error(error);
+    setData(undefined);
+  } finally {
+    if (shouldUpdate) {
+      setLoading(false);
+    }
+  }
+};
+
+export const isActiveMember = async ({
+  daoid,
+  daochain,
+  address,
+  setMemberLoading,
+}: {
+  daoid: string;
+  daochain: keyof Keychain;
+  address: string;
+  setMemberLoading: ReactSetter<boolean>;
+}): Promise<{ member?: FindMemberQuery['member']; error?: ErrorMessage }> => {
+  try {
+    setMemberLoading(true);
+    const haus = Haus.create();
+    const memberRes = await haus.query.findMember({
+      networkId: daochain,
+      dao: daoid,
+      memberAddress: address.toLowerCase(),
+    });
+
+    if (
+      memberRes?.data?.member &&
+      Number(memberRes?.data?.member?.shares) > 0
+    ) {
+      return {
+        member: memberRes?.data?.member,
+      };
+    }
+    return {
+      error: {
+        type: 'error',
+        message: `Member not found`,
+      },
+    };
+  } catch (error) {
+    console.error(error);
+    return {
+      error: {
+        type: 'error',
+        message: `${error}`,
+      },
+    };
+  } finally {
+    setMemberLoading(false);
+  }
+};
+
+export const loadProposalsList = async ({
+  filter,
+  ordering,
+  paging,
+  daochain,
+  setData,
+  setLoading,
+  setNextPaging,
+  shouldUpdate,
+}: {
+  filter: Proposal_Filter;
+  ordering?: Ordering<Proposal_OrderBy>;
+  paging?: Paging;
+  daochain: keyof Keychain;
+  setData: ReactSetter<ITransformedProposalListQuery['proposals'] | undefined>;
+  setLoading: ReactSetter<boolean>;
+  setNextPaging: ReactSetter<Paging | undefined>;
+  shouldUpdate: boolean;
+}) => {
+  try {
+    setLoading(true);
+    const haus = Haus.create();
+    const res = await haus.query.listProposals({
+      networkId: daochain,
+      filter,
+      ordering,
+      paging,
+    });
+
+    if (shouldUpdate) {
+      setNextPaging(res.nextPaging);
+
+      setData((prevState) => {
+        if (deepEqual(prevState, res.items)) return res.items;
+        if (prevState) {
+          return [...prevState, ...res.items];
+        } else {
+          return res.items;
+        }
+      });
+    }
+  } catch (error) {
+    console.error(error);
+    setData(undefined);
+  } finally {
+    if (shouldUpdate) {
+      setLoading(false);
+    }
+  }
+};
+
+export const loadConnectedMemberVotesList = async ({
+  filter,
+  ordering,
+  paging,
+  daochain,
+  setData,
+  setLoading,
+  shouldUpdate,
+  memberAddress,
+}: {
+  filter: Proposal_Filter;
+  ordering?: Ordering<Proposal_OrderBy>;
+  paging?: Paging;
+  daochain: keyof Keychain;
+  setData: ReactSetter<
+    ListConnectedMemberProposalsQuery['proposals'] | undefined
+  >;
+  setLoading: ReactSetter<boolean>;
+  shouldUpdate: boolean;
+  memberAddress: string;
+}) => {
+  try {
+    setLoading(true);
+    const haus = Haus.create();
+    const res = await haus.profile.listProposalVotesByMember({
+      networkId: daochain,
+      filter,
+      ordering,
+      paging,
+      memberAddress,
+    });
+    if (shouldUpdate) {
+      setData((prevState) => {
+        if (deepEqual(prevState, res.items)) return res.items;
+        if (prevState) {
+          return [...prevState, ...res.items];
+        } else {
+          return res.items;
+        }
+      });
+    }
+  } catch (error) {
+    console.error(error);
+    setData(undefined);
+  } finally {
+    if (shouldUpdate) {
+      setLoading(false);
+    }
+  }
+};
diff --git a/libs/dao-context/src/utils/index.ts b/libs/dao-context/src/utils/index.ts
new file mode 100644
index 000000000..97ee7fb05
--- /dev/null
+++ b/libs/dao-context/src/utils/index.ts
@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './fetchHelpers';
diff --git a/libs/dao-context/tsconfig.json b/libs/dao-context/tsconfig.json
new file mode 100644
index 000000000..7b550f816
--- /dev/null
+++ b/libs/dao-context/tsconfig.json
@@ -0,0 +1,28 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "allowJs": true,
+    "skipLibCheck": false,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "declaration": true,
+    "jsx": "react-jsx",
+    "types": ["vite/client", "@nxext/react/client"]
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}
diff --git a/libs/dao-context/tsconfig.lib.json b/libs/dao-context/tsconfig.lib.json
new file mode 100644
index 000000000..ef1dea8b3
--- /dev/null
+++ b/libs/dao-context/tsconfig.lib.json
@@ -0,0 +1,22 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": ["vite/client", "node"]
+  },
+  "files": [
+    "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nrwl/react/typings/image.d.ts"
+  ],
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx"
+  ],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}
diff --git a/libs/dao-context/tsconfig.spec.json b/libs/dao-context/tsconfig.spec.json
new file mode 100644
index 000000000..ff08addd6
--- /dev/null
+++ b/libs/dao-context/tsconfig.spec.json
@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "jest.config.ts",
+    "**/*.test.ts",
+    "**/*.spec.ts",
+    "**/*.test.tsx",
+    "**/*.spec.tsx",
+    "**/*.test.js",
+    "**/*.spec.js",
+    "**/*.test.jsx",
+    "**/*.spec.jsx",
+    "**/*.d.ts"
+  ]
+}
diff --git a/libs/dao-context/vite-env.d.ts b/libs/dao-context/vite-env.d.ts
new file mode 100644
index 000000000..11f02fe2a
--- /dev/null
+++ b/libs/dao-context/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/libs/dao-context/vite.config.ts b/libs/dao-context/vite.config.ts
new file mode 100644
index 000000000..d126aa77b
--- /dev/null
+++ b/libs/dao-context/vite.config.ts
@@ -0,0 +1,19 @@
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    tsconfigPaths({
+      root: '../..',
+    }),
+  ],
+  build: {
+    rollupOptions: {
+      output: {
+        format: 'umd',
+        inlineDynamicImports: true,
+      },
+    },
+  },
+});
diff --git a/nx.json b/nx.json
index 5c7b3ea82..01ab8de62 100644
--- a/nx.json
+++ b/nx.json
@@ -57,5 +57,8 @@
     "build": {
       "dependsOn": ["^build", "tsc"]
     }
+  },
+  "cli": {
+    "defaultCollection": "@nxext/vite"
   }
 }
diff --git a/package.json b/package.json
index 39b39ff8b..e558d02bc 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,6 @@
     "styled-components": "5.3.5",
     "tslib": "^2.0.0",
     "uuid": "^8.3.2",
-    "vite": "^2.8.3",
     "web3modal": "^1.9.7"
   },
   "devDependencies": {
@@ -152,6 +151,7 @@
     "typechain": "^8.0.0",
     "typescript": "4.7.4",
     "url-loader": "^3.0.0",
+    "vite": "^2.9.14",
     "vite-tsconfig-paths": "^3.5.0"
   },
   "resolutions": {
diff --git a/tsconfig.base.json b/tsconfig.base.json
index d2a4be760..dd99f59ea 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -15,12 +15,13 @@
     "skipDefaultLibCheck": true,
     "baseUrl": ".",
     "paths": {
+      "@daohaus/abi-utilities": ["libs/abi-utilities/src/index.ts"],
       "@daohaus/ceramic-model-utilities": [
         "libs/ceramic-model-utilities/src/index.ts"
       ],
-      "@daohaus/abi-utilities": ["libs/abi-utilities/src/index.ts"],
       "@daohaus/common-utilities": ["libs/common-utilities/src/index.ts"],
       "@daohaus/contract-utilities": ["libs/contract-utilities/src/index.ts"],
+      "@daohaus/dao-context": ["libs/dao-context/src/index.ts"],
       "@daohaus/dao-data": ["libs/dao-data/src/index.ts"],
       "@daohaus/daohaus-connect-feature": [
         "libs/daohaus-connect-feature/src/index.ts"
diff --git a/workspace.json b/workspace.json
index 1798f2554..dc7b3d4f5 100644
--- a/workspace.json
+++ b/workspace.json
@@ -7,6 +7,7 @@
     "contract-utilities": "libs/contract-utilities",
     "core-app": "apps/core-app",
     "dao-consumer-job": "apps/dao-consumer-job",
+    "dao-context": "libs/dao-context",
     "dao-data": "libs/dao-data",
     "dao-producer-job": "apps/dao-producer-job",
     "daohaus-connect-feature": "libs/daohaus-connect-feature",
diff --git a/yarn.lock b/yarn.lock
index 36fd62ded..e1966d390 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -20215,7 +20215,14 @@ rollup-pluginutils@^2.8.2:
   dependencies:
     estree-walker "^0.6.1"
 
-rollup@^2.56.2, rollup@^2.59.0:
+"rollup@>=2.59.0 <2.78.0":
+  version "2.77.3"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.3.tgz#8f00418d3a2740036e15deb653bed1a90ee0cc12"
+  integrity sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+rollup@^2.56.2:
   version "2.77.2"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.77.2.tgz#6b6075c55f9cc2040a5912e6e062151e42e2c4e3"
   integrity sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==
@@ -22659,15 +22666,15 @@ vite-tsconfig-paths@^3.5.0:
     recrawl-sync "^2.0.3"
     tsconfig-paths "^4.0.0"
 
-vite@^2.8.3:
-  version "2.9.14"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.14.tgz#c438324c6594afd1050df3777da981dee988bb1b"
-  integrity sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==
+vite@^2.9.14:
+  version "2.9.15"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.15.tgz#2858dd5b2be26aa394a283e62324281892546f0b"
+  integrity sha512-fzMt2jK4vQ3yK56te3Kqpkaeq9DkcZfBbzHwYpobasvgYmP2SoAr6Aic05CsB4CzCZbsDv4sujX3pkEGhLabVQ==
   dependencies:
     esbuild "^0.14.27"
     postcss "^8.4.13"
     resolve "^1.22.0"
-    rollup "^2.59.0"
+    rollup ">=2.59.0 <2.78.0"
   optionalDependencies:
     fsevents "~2.3.2"