title: Vue 3 - Type 'Ref<boolean>' is not assignable to type 'boolean'
body: <p>I have a custom hook, where I have a local state:
  But it seems, when i export the state with toRefs(), and use the state is another component, I get the error: &quot;Type 'Ref' is not assignable to type 'boolean'&quot;</p>
  <p>The hook:</p>
  <pre><code>interface StateModel {
    isLoading: boolean;
    isError: boolean;
    errorMessage: string;
    data: object | null;
  }
  
  export default function useAxios(url: string, data: object) {
    const state: StateModel = reactive({
      isLoading: true,
      isError: false,
      errorMessage: '',
      data: null
    });
  
    const fetchData = async () =&gt; {
      try {
        const response = await axios({
          method: 'GET',
          url: url, // '/test_data/campaign.json'
          data: data
        });
        state.data = response.data;
      } catch (e) {
        state.isError = true;
        state.errorMessage = e.message;
      } finally {
        state.isLoading = false;
      }
    };
  
    return {
      ...toRefs(state),
      fetchData
    };
  }
  </code></pre>
  <p>The component where im using the state and where I get the TS compile error:</p>
  <pre><code>setup() {
      const state: StateModel = reactive({
        data: null,
        isLoading: true
      });
  
      const { data, isLoading, fetchData } = useAxios(
        '/test_data/campaign.json',
        {}
      );
  
      const getCampaignData = async () =&gt; {
        await fetchData();
        state.data = data as CampaignModel;
        state.isLoading = isLoading; // ERROR HERE: Type 'Ref&lt;boolean&gt;' is not assignable to type 'boolean'
      };
  
      onMounted(() =&gt; {
        getCampaignData();
      });
  
      return {
        ...toRefs(state)
      };
    }
  </code></pre>
  <p>Why is it that the TS compiler is complaining? I've already defined in the Hook that it's a boolean?</p>