.tz is not a function

Describe the bug Trying to use the timezone plugin but getting .tz() is not a function error.

Information

• 1.9.8
• React Native (Android)
• America/Vancouver

Setup

import dayjs from 'dayjs';
import utc from 'dayjs/plugin/utc';
import timezone from 'dayjs/plugin/timezone';

dayjs.extend(utc);
dayjs.extend(timezone);

console.log(dayjs().tz('America/Vancouver'))

Error

[Wed Feb 10 2021 09:51:03.304]  ERROR    TypeError: (0, _dayjs.default)().tz is not a function. (In '(0, _dayjs.default)().tz('America/Vancouver')', '(0, _dayjs.default)().tz' is undefined)

[paulrobello]

The extend method only extends the class in the scope of the current file. When you then import dayjs again in another file you get the un-extended version. To get around this do something similar to @madhurgarg71. I use something like this in a date-utils.ts file:

import dayjs, { Dayjs } from 'dayjs';
import utc from 'dayjs/plugin/utc';
import timezone from 'dayjs/plugin/timezone';
import localizedFormat from 'dayjs/plugin/localizedFormat';
import advancedFormat from 'dayjs/plugin/advancedFormat';
import customParseFormat from 'dayjs/plugin/customParseFormat';
import isBetween from 'dayjs/plugin/isBetween';
import isYesterday from 'dayjs/plugin/isYesterday';
import isToday from 'dayjs/plugin/isToday';
import isTomorrow from 'dayjs/plugin/isTomorrow';
import relativeTime from 'dayjs/plugin/relativeTime';
import 'dayjs/locale/en';

dayjs.extend(utc);
dayjs.extend(timezone);
dayjs.extend(localizedFormat);
dayjs.extend(advancedFormat);
dayjs.extend(customParseFormat);
dayjs.extend(isBetween);
dayjs.extend(isYesterday);
dayjs.extend(isToday);
dayjs.extend(isTomorrow);
dayjs.extend(relativeTime);

dayjs.locale('en');
export {
  dayjs,
  Dayjs,
  utc,
  timezone,
  localizedFormat,
  advancedFormat,
  customParseFormat,
  isBetween,
  isYesterday,
  isToday,
  isTomorrow,
  relativeTime
};

Then everyplace else in my application I use something like:

import { dayjs } from './date-util';
console.log(dayjs.utc(this.selectedDate).format());

[paulrobello]

You have to import and extend in every file that you want to use the plug-ins