fix: Return now from global context if no updateInterval has been set on useNow (#881)

Author: amannn

packages/use-intl/package.json

@@ -90,7 +90,7 @@
   "size-limit": [
     {
       "path": "dist/production/index.js",
-      "limit": "12.565 kB"
+      "limit": "12.575 kB"
     }
   ]
 }

packages/use-intl/src/react/useNow.tsx

@@ -45,5 +45,5 @@ export default function useNow(options?: Options) {
     };
   }, [globalNow, updateInterval]);
 
-  return now;
+  return updateInterval == null && globalNow ? globalNow : now;
 }

packages/use-intl/test/react/useNow.test.tsx

@@ -19,6 +19,26 @@ it('returns the current time', () => {
   );
 });
 
+it('returns an updated value from the provider', () => {
+  function Component() {
+    return <p>{useNow().toISOString()}</p>;
+  }
+
+  const {container, rerender} = render(
+    <IntlProvider locale="en" now={parseISO('2018-10-06T10:36:01.516Z')}>
+      <Component />
+    </IntlProvider>
+  );
+  expect(container.textContent).toBe('2018-10-06T10:36:01.516Z');
+
+  rerender(
+    <IntlProvider locale="en" now={parseISO('2019-10-06T10:36:01.516Z')}>
+      <Component />
+    </IntlProvider>
+  );
+  expect(container.textContent).toBe('2019-10-06T10:36:01.516Z');
+});
+
 it('can use a globally defined `now` value', () => {
   function Component() {
     return <p>{useNow().toISOString()}</p>;