sampleUsage.js

// simulates a fetch
function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve({foo: 'bar'});
    }, 500)
  });
}

// component wrapped with a parent <Suspense />
function Test() {
  const data = use(fetchData());
  
  // ✅ no need for a nullcheck of data
  return (<div>Result is {data.foo}</div>)
}