I installed a standard Create React App and used the Autosuggest snippet from the Docs in App.js. I tried the App in Firefox 79 on MacOS 10.15.6, and while it basically works, I get the errors below when I "play around" with the Autosuggest input. It's hard to describe, because I haven't figured out a way to 100% reproduce the problem. But I click in the Autosuggest, click on a suggestion, type something, click outside etc. The only thing that is always triggering the error is a click, be it outside the component, inside the input field or on a suggestion, it doesn't matter. Sometimes the error occurs with the first interactions after loading, sometimes everything is stable for a longer time, but I if this is nothing specific to my setup, I'm sure you will see the error quickly when trying the Autosuggest in Firefox. (Safari and Chromium Edge work fine.)

Below are the tow erros messages, one shows up in the console only, but sometimes (I didn't see any pattern) I get a "full page crash" error with some more details.

Error in the console only

Uncaught TypeError: element.focus is not a function onMouseDown Dialog.js:65 useDisclosureRef Dialog.js:69 React 6 commitHookEffectListMount commitPassiveHookEffects callCallback invokeGuardedCallbackDev invokeGuardedCallback flushPassiveEffectsImpl unstable_runWithPriority scheduler.development.js:653 React 4 runWithPriority$1 flushPassiveEffects performSyncWorkOnRoot flushSyncCallbackQueueImpl unstable_runWithPriority scheduler.development.js:653 React 6 runWithPriority$1 flushSyncCallbackQueueImpl flushSyncCallbackQueue discreteUpdates$1 discreteUpdates dispatchDiscreteEvent Dialog.js:65 onMouseDown Dialog.js:65 (Async: EventListener.handleEvent) useDisclosureRef Dialog.js:69 React 6 commitHookEffectListMount commitPassiveHookEffects callCallback invokeGuardedCallbackDev invokeGuardedCallback flushPassiveEffectsImpl unstable_runWithPriority scheduler.development.js:653 React 3 runWithPriority$1 flushPassiveEffects performSyncWorkOnRoot performSyncWorkOnRoot self-hosted:982 flushSyncCallbackQueueImpl React unstable_runWithPriority scheduler.development.js:653 React 6 runWithPriority$1 flushSyncCallbackQueueImpl flushSyncCallbackQueue discreteUpdates$1 discreteUpdates dispatchDiscreteEvent bind_applyFunctionN self-hosted:1133 dispatchDiscreteEvent self-hosted:1096

This is the full page error I sometimes get:

TypeError: element.focus is not a function onMouseDown node_modules/reakit/es/Dialog/Dialog.js:65

62 | var onMouseDown = function onMouseDown(event) { 63 | var element = event.currentTarget; 64 | event.preventDefault();

65 | element.focus(); | ^ 66 | }; 67 | 68 | var disclosure = ((_options$unstable_dis = options.unstable_disclosureRef) === null || _options$unstable_dis === void 0 ? void 0 : _options$unstable_dis.current) || ref.current;

EventListener.handleEvent*useDisclosureRef/< node_modules/reakit/es/Dialog/Dialog.js:69

66 | }; 67 | 68 | var disclosure = ((_options$unstable_dis = options.unstable_disclosureRef) === null || _options$unstable_dis === void 0 ? void 0 : _options$unstable_dis.current) || ref.current;

69 | disclosure === null || disclosure === void 0 ? void 0 : disclosure.addEventListener("mousedown", onMouseDown); | ^ 70 | return function () { 71 | return disclosure === null || disclosure === void 0 ? void 0 : disclosure.removeEventListener("mousedown", onMouseDown); 72 | };

commitHookEffectListMount node_modules/react-dom/cjs/react-dom.development.js:19731

19728 | if ((effect.tag & tag) === tag) { 19729 | // Mount 19730 | var create = effect.create;

19731 | effect.destroy = create(); | ^ 19732 | 19733 | { 19734 | var destroy = effect.destroy;

commitPassiveHookEffects node_modules/react-dom/cjs/react-dom.development.js:19769

19766 | // before calling any create functions. The current approach only serializes 19767 | // these for a single fiber. 19768 | commitHookEffectListUnmount(Passive$1 | HasEffect, finishedWork);

19769 | commitHookEffectListMount(Passive$1 | HasEffect, finishedWork); | ^ 19770 | break; 19771 | } 19772 | }

callCallback node_modules/react-dom/cjs/react-dom.development.js:188

185 | window.event = windowEvent; 186 | } 187 |

188 | func.apply(context, funcArgs); | ^ 189 | didError = false; 190 | } // Create a global error event handler. We use this to capture the value 191 | // that was thrown. It's possible that this error handler will fire more

invokeGuardedCallbackDev node_modules/react-dom/cjs/react-dom.development.js:237

234 | // errors, it will trigger our global error handler. 235 | 236 | evt.initEvent(evtType, false, false);

237 | fakeNode.dispatchEvent(evt); | ^ 238 | 239 | if (windowEventDescriptor) { 240 | Object.defineProperty(window, 'event', windowEventDescriptor);

invokeGuardedCallback node_modules/react-dom/cjs/react-dom.development.js:292

289 | function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) { 290 | hasError = false; 291 | caughtError = null;

292 | invokeGuardedCallbackImpl$1.apply(reporter, arguments); 293 | } 294 | /** 295 | * Same as invokeGuardedCallback, but instead of returning an error, it stores

flushPassiveEffectsImpl node_modules/react-dom/cjs/react-dom.development.js:22853

22850 | while (_effect2 !== null) { 22851 | { 22852 | setCurrentFiber(_effect2);

22853 | invokeGuardedCallback(null, commitPassiveHookEffects, null, _effect2); | ^ 22854 | 22855 | if (hasCaughtError()) { 22856 | if (!(_effect2 !== null)) {

unstable_runWithPriority node_modules/scheduler/cjs/scheduler.development.js:653

650 | currentPriorityLevel = priorityLevel; 651 | 652 | try {

653 | return eventHandler(); | ^ 654 | } finally { 655 | currentPriorityLevel = previousPriorityLevel; 656 | }

runWithPriority$1 node_modules/react-dom/cjs/react-dom.development.js:11039

11036 | 11037 | function runWithPriority$1(reactPriorityLevel, fn) { 11038 | var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);

11039 | return Scheduler_runWithPriority(priorityLevel, fn); 11040 | } 11041 | function scheduleCallback(reactPriorityLevel, callback, options) { 11042 | var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);

flushPassiveEffects node_modules/react-dom/cjs/react-dom.development.js:22820

22817 | if (pendingPassiveEffectsRenderPriority !== NoPriority) { 22818 | var priorityLevel = pendingPassiveEffectsRenderPriority > NormalPriority ? NormalPriority : pendingPassiveEffectsRenderPriority; 22819 | pendingPassiveEffectsRenderPriority = NoPriority;

22820 | return runWithPriority$1(priorityLevel, flushPassiveEffectsImpl); 22821 | } 22822 | } 22823 |

performSyncWorkOnRoot node_modules/react-dom/cjs/react-dom.development.js:21737

21734 | } 21735 | } 21736 |

21737 | flushPassiveEffects(); // If the root or expiration time have changed, throw out the existing stack | ^ 21738 | // and prepare a fresh one. Otherwise we'll continue where we left off. 21739 | 21740 | if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1) {

flushSyncCallbackQueueImpl/< node_modules/react-dom/cjs/react-dom.development.js:11089

11086 | var callback = queue[i]; 11087 | 11088 | do {

11089 | callback = callback(_isSync); | ^ 11090 | } while (callback !== null); 11091 | } 11092 | });

unstable_runWithPriority node_modules/scheduler/cjs/scheduler.development.js:653

650 | currentPriorityLevel = priorityLevel; 651 | 652 | try {

653 | return eventHandler(); | ^ 654 | } finally { 655 | currentPriorityLevel = previousPriorityLevel; 656 | }

runWithPriority$1 node_modules/react-dom/cjs/react-dom.development.js:11039

11036 | 11037 | function runWithPriority$1(reactPriorityLevel, fn) { 11038 | var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);

11039 | return Scheduler_runWithPriority(priorityLevel, fn); 11040 | } 11041 | function scheduleCallback(reactPriorityLevel, callback, options) { 11042 | var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);

flushSyncCallbackQueueImpl node_modules/react-dom/cjs/react-dom.development.js:11084

11081 | try { 11082 | var _isSync = true; 11083 | var queue = syncQueue;

11084 | runWithPriority$1(ImmediatePriority, function () { | ^ 11085 | for (; i < queue.length; i++) { 11086 | var callback = queue[i]; 11087 |

flushSyncCallbackQueue node_modules/react-dom/cjs/react-dom.development.js:11072

11069 | Scheduler_cancelCallback(node); 11070 | } 11071 |

11072 | flushSyncCallbackQueueImpl(); 11073 | } 11074 | 11075 | function flushSyncCallbackQueueImpl() {

discreteUpdates$1 node_modules/react-dom/cjs/react-dom.development.js:21893

21890 | 21891 | if (executionContext === NoContext) { 21892 | // Flush the immediate callbacks that were scheduled during this batch

21893 | flushSyncCallbackQueue(); 21894 | } 21895 | } 21896 | }

discreteUpdates node_modules/react-dom/cjs/react-dom.development.js:806

803 | isInsideEventHandler = true; 804 | 805 | try {

806 | return discreteUpdatesImpl(fn, a, b, c, d); | ^ 807 | } finally { 808 | isInsideEventHandler = prevIsInsideEventHandler; 809 |

dispatchDiscreteEvent node_modules/react-dom/cjs/react-dom.development.js:4168

4165 | 4166 | function dispatchDiscreteEvent(topLevelType, eventSystemFlags, container, nativeEvent) { 4167 | flushDiscreteUpdatesIfNeeded(nativeEvent.timeStamp);

4168 | discreteUpdates(dispatchEvent, topLevelType, eventSystemFlags, container, nativeEvent); 4169 | } 4170 | 4171 | function dispatchUserBlockingUpdate(topLevelType, eventSystemFlags, container, nativeEvent) {

EventListener.handleEvent*addEventCaptureListener node_modules/react-dom/cjs/react-dom.development.js:4030

4027 | element.addEventListener(eventType, listener, false); 4028 | } 4029 | function addEventCaptureListener(element, eventType, listener) {

4030 | element.addEventListener(eventType, listener, true); 4031 | } 4032 | 4033 | // do it in two places, which duplicates logic

trapEventForPluginEventSystem node_modules/react-dom/cjs/react-dom.development.js:4160

4157 | var rawEventName = getRawEventName(topLevelType); 4158 | 4159 | if (capture) {

4160 | addEventCaptureListener(container, rawEventName, listener); | ^ 4161 | } else { 4162 | addEventBubbleListener(container, rawEventName, listener); 4163 | }

trapCapturedEvent node_modules/react-dom/cjs/react-dom.development.js:4136

4133 | trapEventForPluginEventSystem(element, topLevelType, false); 4134 | } 4135 | function trapCapturedEvent(topLevelType, element) {

4136 | trapEventForPluginEventSystem(element, topLevelType, true); 4137 | } 4138 | 4139 | function trapEventForPluginEventSystem(container, topLevelType, capture) {

legacyListenToTopLevelEvent node_modules/react-dom/cjs/react-dom.development.js:3613

3610 | 3611 | case TOP_FOCUS: 3612 | case TOP_BLUR:

3613 | trapCapturedEvent(TOP_FOCUS, mountAt); | ^ 3614 | trapCapturedEvent(TOP_BLUR, mountAt); // We set the flag for a single dependency later in this function, 3615 | // but this ensures we mark both as attached rather than just one. 3616 |

legacyListenToEvent node_modules/react-dom/cjs/react-dom.development.js:3601

3598 | 3599 | for (var i = 0; i < dependencies.length; i++) { 3600 | var dependency = dependencies[i];

3601 | legacyListenToTopLevelEvent(dependency, mountAt, listenerMap); 3602 | } 3603 | } 3604 | function legacyListenToTopLevelEvent(topLevelType, mountAt, listenerMap) {

ensureListeningTo node_modules/react-dom/cjs/react-dom.development.js:5761

5758 | function ensureListeningTo(rootContainerElement, registrationName) { 5759 | var isDocumentOrFragment = rootContainerElement.nodeType === DOCUMENT_NODE || rootContainerElement.nodeType === DOCUMENT_FRAGMENT_NODE; 5760 | var doc = isDocumentOrFragment ? rootContainerElement : rootContainerElement.ownerDocument;

5761 | legacyListenToEvent(registrationName, doc); 5762 | } 5763 | 5764 | function getOwnerDocumentFromRootContainer(rootContainerElement) {

setInitialProperties node_modules/react-dom/cjs/react-dom.development.js:5995

5992 | trapBubbledEvent(TOP_INVALID, domElement); // For controlled components we always need to ensure we're listening 5993 | // to onChange. Even if there is no listener. 5994 |

5995 | ensureListeningTo(rootContainerElement, 'onChange'); | ^ 5996 | break; 5997 | 5998 | case 'option':

finalizeInitialChildren node_modules/react-dom/cjs/react-dom.development.js:7499

7496 | parentInstance.appendChild(child); 7497 | } 7498 | function finalizeInitialChildren(domElement, type, props, rootContainerInstance, hostContext) {

7499 | setInitialProperties(domElement, type, props, rootContainerInstance); 7500 | return shouldAutoFocusHostComponent(type, props); 7501 | } 7502 | function prepareUpdate(domElement, type, oldProps, newProps, rootContainerInstance, hostContext) {

completeWork node_modules/react-dom/cjs/react-dom.development.js:18978

18975 | // Make sure such renderers get scheduled for later work. 18976 | 18977 |

18978 | if (finalizeInitialChildren(instance, type, newProps, rootContainerInstance)) { | ^ 18979 | markUpdate(workInProgress); 18980 | } 18981 | }

completeUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:22192

22189 | next = completeWork(current, workInProgress, renderExpirationTime$1); 22190 | } else { 22191 | startProfilerTimer(workInProgress);

22192 | next = completeWork(current, workInProgress, renderExpirationTime$1); // Update render duration assuming we didn't error. | ^ 22193 | 22194 | stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false); 22195 | }

performUnitOfWork node_modules/react-dom/cjs/react-dom.development.js:22165

22162 | 22163 | if (next === null) { 22164 | // If this doesn't spawn new work, complete the current work.

22165 | next = completeUnitOfWork(unitOfWork); | ^ 22166 | } 22167 | 22168 | ReactCurrentOwner$2.current = null;

workLoopSync node_modules/react-dom/cjs/react-dom.development.js:22130

22127 | function workLoopSync() { 22128 | // Already timed out, so perform work without checking if we need to yield. 22129 | while (workInProgress !== null) {

22130 | workInProgress = performUnitOfWork(workInProgress); 22131 | } 22132 | } 22133 | /** @noinline */

performSyncWorkOnRoot node_modules/react-dom/cjs/react-dom.development.js:21756

21753 | 21754 | do { 21755 | try {

21756 | workLoopSync(); | ^ 21757 | break; 21758 | } catch (thrownValue) { 21759 | handleError(root, thrownValue);

scheduleUpdateOnFiber node_modules/react-dom/cjs/react-dom.development.js:21188

21185 | // root inside of batchedUpdates should be synchronous, but layout updates 21186 | // should be deferred until the end of the batch. 21187 |

21188 | performSyncWorkOnRoot(root); | ^ 21189 | } else { 21190 | ensureRootIsScheduled(root); 21191 | schedulePendingInteractions(root, expirationTime);

updateContainer node_modules/react-dom/cjs/react-dom.development.js:24373

24370 | } 24371 | 24372 | enqueueUpdate(current$1, update);

24373 | scheduleWork(current$1, expirationTime); 24374 | return expirationTime; 24375 | } 24376 | function getPublicRootInstance(container) {

legacyRenderSubtreeIntoContainer/< node_modules/react-dom/cjs/react-dom.development.js:24758

24755 | 24756 | 24757 | unbatchedUpdates(function () {

24758 | updateContainer(children, fiberRoot, parentComponent, callback); | ^ 24759 | }); 24760 | } else { 24761 | fiberRoot = root._internalRoot;

unbatchedUpdates node_modules/react-dom/cjs/react-dom.development.js:21903

21900 | executionContext |= LegacyUnbatchedContext; 21901 | 21902 | try {

21903 | return fn(a); | ^ 21904 | } finally { 21905 | executionContext = prevExecutionContext; 21906 |

legacyRenderSubtreeIntoContainer node_modules/react-dom/cjs/react-dom.development.js:24757

24754 | } // Initial mount should not be batched. 24755 | 24756 |

24757 | unbatchedUpdates(function () { | ^ 24758 | updateContainer(children, fiberRoot, parentComponent, callback); 24759 | }); 24760 | } else {

render node_modules/react-dom/cjs/react-dom.development.js:24840

24837 | } 24838 | } 24839 |

24840 | return legacyRenderSubtreeIntoContainer(null, element, container, false, callback); 24841 | } 24842 | function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) { 24843 | if (!isValidContainer(containerNode)) {

./src/index.js src/index.js:8

5 | 6 | import App from "./App"; 7 |

8 | ReactDOM.render( 9 | <React.StrictMode> 10 | 11 |

webpack_require /Users/wwb/Projekte/Ignore/bumbag/webpack/bootstrap:784

781 | }; 782 | 783 | // Execute the module function

784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true;

fn /Users/wwb/Projekte/Ignore/bumbag/webpack/bootstrap:150

147 | ); 148 | hotCurrentParents = []; 149 | }

150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return {

1 http://localhost:3000/static/js/main.chunk.js:271:18 webpack_require /Users/wwb/Projekte/Ignore/bumbag/webpack/bootstrap:784

781 | }; 782 | 783 | // Execute the module function

784 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 785 | 786 | // Flag the module as loaded 787 | module.l = true;

checkDeferredModules /Users/wwb/Projekte/Ignore/bumbag/webpack/bootstrap:45

42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i--, 1);

45 | result = webpack_require(webpack_require.s = deferredModule[0]); | ^ 46 | } 47 | } 48 |

webpackJsonpCallback /Users/wwb/Projekte/Ignore/bumbag/webpack/bootstrap:32

29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready

32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result;

(anonymous function) http://localhost:3000/static/js/main.chunk.js:1:75

Trying out nextjs with new isSSR, I get this, am I missing something?

react-dom.development.js?d1ee:88 Warning: Prop `id` did not match. Server: "id-f38874" Client: "id-f71d4d"
    in div (created by ForwardRef(Box))
    in ForwardRef(Box)
    in Unknown (created by Disclosure.Content)
    in Disclosure.Content
    in div (created by ForwardRef(Box))
    in ForwardRef(Box)
    in Unknown (created by PageWithHeader)
    in PageWithHeader (at pages/index.tsx:4)
    in div (created by ForwardRef(Box))
    in ForwardRef(Box)
    in Unknown (created by Box)
    in Box (created by Provider)
    in PageProvider (created by Provider)
    in ToastProvider (created by Provider)
    in IdProvider (created by Provider)
    in ColorModeProvider (created by Provider)
    in ThemeProvider (created by Provider)
    in Provider (at pages/index.tsx:3)
    in MyApp (at _app.tsx:8)
    in div (created by ForwardRef(Box))
    in ForwardRef(Box)
    in Unknown (created by Box)
    in Box (created by Provider)
    in PageProvider (created by Provider)
    in ToastProvider (created by Provider)
    in IdProvider (created by Provider)
    in div (created by ColorModeProvider)
    in ColorModeProvider (created by Provider)
    in ThemeProvider (created by Provider)
    in Provider (at _app.tsx:7)
    in App
    in ErrorBoundary (created by ReactDevOverlay)
    in ReactDevOverlay (created by Container)
    in Container (created by AppContainer)
    in AppContainer
    in Root

Describe the bug The application is rendering twice when isSSR is enabled in BumbagProvider.

To Reproduce follow the getting started and:

Expected behavior

The useEffect should run once

Is your feature request related to a problem? Please describe.

Multiple type definitions of Component props.

For example onChange props of Input component

The Input props: export type InputProps = BoxProps & LocalInputProps; There are two type of onChange from BoxProps and LocalInputProps

This will make typescript confuse about autocompletion.

Describe the solution you'd like Remove duplication type from inheritance props (BoxProps)

type IntersectionType = keyof LocalInputProps & keyof BoxProps;

export type InputProps = Omit<BoxProps, IntersectionType> & LocalInputProps;

Result:

Additional context Another issue related to the literal string union ("circle").

There are no options for Intellisense:

Solution and result: Use simple hack from community

Reproduction is simple, start a new gatsby starter project then follow the gatsby instructions on the website. Getting this error:

TypeError: theme.modes is undefined
useLocalStorage
node_modules/bumbag/es/utils/useLocalStorage.js:14

  11 | var _useTheme = useTheme(),
  12 |     theme = _useTheme.theme;
  13 | 
> 14 | var isEnabled = theme.modes.enableLocalStorage;
  15 | var get = useCallback(function (key) {
  16 |   if (!isEnabled) return;
  17 | 

• Bumbag 1.0.2
• Bumbag Gatsby Plugin 1.02
• Gatsby 2.24.30

Describe the bug

If you are using bumbag in an iframe in incognito mode (which by default disables cookies from third parties) it crashes. I believe this is because one of the dependencies uses localStorage.

To Reproduce

• Disable cookies
• go to the bumbag.style website :D

Describe the bug

All components are blacked out in production next.js build (see below)

This does not happen in development. Refreshing the page loads the styles correctly.

The image above is from bumbag v1.7.5 but I have upgraded to 1.8.0 and the issue persists, however the inputs are not blacked out, just unstyled.

To Reproduce

1. Create a next.js build
2. statically export the build like so: https://nextjs.org/docs/advanced-features/static-html-export

Expected behavior

The styles are not blacked out

Device information (please complete the following information):

• Device: Macbook pro 13 in
• OS, version: MacOS catalina 10.15.7
• Browser, version: Chrome version 89.0.4389.82

Is your feature request related to a problem? Please describe.

It isn't clear how or there isn't a component yet to make a menu that contains options that could be selected

Describe the solution you'd like

If it's already possible with the current components we could add an example for it in the Docs, If it's not possible with the current set of components we could consider adding a component that handles this use-case.

Found the reason for it: https://github.com/bumbag/bumbag-ui/blob/f3c27d0a16e1ccda569a9d7bb41bf97164fabb93/packages/bumbag/src/Group/styles.ts#L32

The reason is that there is only one child so all 4 borders get removed because :first-child and :last-child both match if there is only one child.

This SO answer has a good way to solve this: https://stackoverflow.com/a/12198561

I also prepared a codepen to see the plain combination of CSS selectors I used: https://codepen.io/darksmile92/pen/918d944b148508069fba407bc2c06ce3

This is my first contribution to your codebase, please let me know if I should fix any styling or something else :)

Sorry for the mess with the quotes, sublime decided the roll its own linting -.-

Type definition is not available -

VSCode Typescript Hint:

Could not find a declaration file for module 'bumbag'. '[PATH_TO_DIR]/node_modules/bumbag/lib/index.js' implicitly has an 'any' type. Try npm install @types/bumbag if it exists or add a new declaration (.d.ts) file containing declare module 'bumbag';ts(7016)

Error:

error - ./pages/_app.tsx
Attempted import error: 'Provider' is not exported from 'bumbag' (imported as 'BumbagProvider').

Component style reset by bb-Box when NODE_ENV=production

After this change, the order of bb-Box moved to the bottom, according to this, it reset components' style

Refer to the repo

1. Go to this link
2. The style of the button got reset by bb-Box

Expected behavior Button's style should based on bb-Box, not reset by bb-Box

Screenshots

Device information (please complete the following information):

• Device:
• OS, version: Win 10
• Browser, version: Chrome 89

Bumps json5 from 1.0.1 to 1.0.2.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps json5 from 1.0.1 to 1.0.2.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps express from 4.17.1 to 4.18.2.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps express from 4.17.1 to 4.18.2.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps qs from 6.5.2 to 6.5.3.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Bumps qs from 6.5.2 to 6.5.3.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.