Problem accessing cache data from another component

[pkellner]

In the local state sharing example in the repo, it shows that you can share data between components, but then assigns the initialData again from a static array. I don't understand how that helps. I was expecting that if I load the data in my root component, that I should be able to retrieve it again from a child component. Does that make sense? I made an example in codesandbox here (I also posted to SO, but there are very few followers of SWR there)

https://codesandbox.io/s/useswr-global-cache-example-forked-8qxh7?file=/pages/index.js

import useSWR from "swr";

export default function IndexPage({ speakersData }) {
  const { data } = useSWR("globalState", { initialData: speakersData });

  return (
    <div>
      This is the Index Page <br />
      data: {JSON.stringify(data)}
      <br />
      <OtherComponent></OtherComponent>
    </div>
  );
}

function OtherComponent() {
  const { data } = useSWR("globalState");
  return (
    <div>
      I'm thinking this should get my global cache but it does not{" "}
      {JSON.stringify(data)}
    </div>
  );
}

export async function getServerSideProps() {
  const speakersData = [{ id: 101 }, { id: 102 }];
  return { props: { speakersData: speakersData } };
}