React 18 and Vite (#4510)

This commit is contained in:
Matthew Penner 2022-11-25 13:25:03 -07:00 committed by GitHub
parent 1bb1b13f6d
commit 21613fa602
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
244 changed files with 4547 additions and 8933 deletions

View file

@ -1,10 +1,11 @@
import React, { useState } from 'react';
import type { ComponentProps, ComponentType, FunctionComponent } from 'react';
import { useState } from 'react';
import { Dialog, DialogProps, DialogWrapperContext, WrapperProps } from '@/components/elements/dialog';
function asDialog(
initialProps?: WrapperProps
initialProps?: WrapperProps,
// eslint-disable-next-line @typescript-eslint/ban-types
): <P extends {}>(C: React.ComponentType<P>) => React.FunctionComponent<P & DialogProps> {
): <P extends {}>(C: ComponentType<P>) => FunctionComponent<P & DialogProps> {
return function (Component) {
return function ({ open, onClose, ...rest }) {
const [props, setProps] = useState<WrapperProps>(initialProps || {});
@ -12,7 +13,7 @@ function asDialog(
return (
<DialogWrapperContext.Provider value={{ props, setProps, close: onClose }}>
<Dialog {...props} open={open} onClose={onClose}>
<Component {...(rest as React.ComponentProps<typeof Component>)} />
<Component {...(rest as unknown as ComponentProps<typeof Component>)} />
</Dialog>
</DialogWrapperContext.Provider>
);