Skip to content

Commit 696ef9f

Browse files
committed
Upgrade to React 18
1 parent c1885da commit 696ef9f

File tree

133 files changed

+25987
-186
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

133 files changed

+25987
-186
lines changed

site/package-lock.json

Lines changed: 25786 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

site/package.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -43,9 +43,9 @@
4343
"front-matter": "4.0.2",
4444
"history": "5.3.0",
4545
"just-debounce-it": "3.0.1",
46-
"react": "17.0.2",
47-
"react-dom": "17.0.2",
48-
"react-helmet": "6.1.0",
46+
"react": "^18.2.0",
47+
"react-dom": "^18.2.0",
48+
"react-helmet": "^6.1.0",
4949
"react-markdown": "8.0.3",
5050
"react-router-dom": "6.3.0",
5151
"sourcemapped-stacktrace": "1.1.11",
@@ -73,8 +73,8 @@
7373
"@types/express": "4.17.13",
7474
"@types/jest": "27.4.1",
7575
"@types/node": "14.18.22",
76-
"@types/react": "17.0.44",
77-
"@types/react-dom": "17.0.16",
76+
"@types/react": "^18.0.15",
77+
"@types/react-dom": "^17.0.17",
7878
"@types/react-helmet": "6.1.5",
7979
"@types/superagent": "4.1.15",
8080
"@types/uuid": "8.3.4",

site/src/AppRouter.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ const TerminalPage = lazy(() => import("./pages/TerminalPage/TerminalPage"))
2626
const WorkspacesPage = lazy(() => import("./pages/WorkspacesPage/WorkspacesPage"))
2727
const CreateWorkspacePage = lazy(() => import("./pages/CreateWorkspacePage/CreateWorkspacePage"))
2828

29-
export const AppRouter: FC = () => (
29+
export const AppRouter: FC<React.PropsWithChildren<unknown>> = () => (
3030
<Suspense fallback={<></>}>
3131
<Routes>
3232
<Route

site/src/Main.tsx

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { inspect } from "@xstate/inspect"
2-
import ReactDOM from "react-dom"
2+
import { createRoot } from "react-dom/client"
33
import { Interpreter } from "xstate"
44
import { App } from "./app"
55

@@ -25,7 +25,11 @@ const main = () => {
2525
██████▀▄█ ▀▀▀▀ ▀▀▀▀ ▀▀▀▀▀ ▀▀▀▀ ▀
2626
`)
2727
const element = document.getElementById("root")
28-
ReactDOM.render(<App />, element)
28+
if (element === null) {
29+
throw new Error("root element is null")
30+
}
31+
const root = createRoot(element)
32+
root.render(<App />)
2933
}
3034

3135
main()

site/src/__mocks__/react-markdown.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { FC } from "react"
22

3-
const ReactMarkdown: FC = ({ children }) => {
3+
const ReactMarkdown: FC<React.PropsWithChildren<unknown>> = ({ children }) => {
44
return <div data-testid="markdown">{children}</div>
55
}
66

site/src/app.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import { dark } from "./theme"
1010
import "./theme/globalFonts"
1111
import { XServiceProvider } from "./xServices/StateContext"
1212

13-
export const App: FC = () => {
13+
export const App: FC<React.PropsWithChildren<unknown>> = () => {
1414
return (
1515
<Router>
1616
<SWRConfig

site/src/components/AppLink/AppLink.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export interface AppLinkProps {
1717
appIcon?: TypesGen.WorkspaceApp["icon"]
1818
}
1919

20-
export const AppLink: FC<AppLinkProps> = ({ userName, workspaceName, appName, appIcon }) => {
20+
export const AppLink: FC<React.PropsWithChildren<AppLinkProps>> = ({ userName, workspaceName, appName, appIcon }) => {
2121
const styles = useStyles()
2222
const href = `/@${userName}/${workspaceName}/apps/${appName}`
2323

site/src/components/AuthAndFrame/AuthAndFrame.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ interface AuthAndFrameProps {
1313
/**
1414
* Wraps page in RequireAuth and renders it between Navbar and Footer
1515
*/
16-
export const AuthAndFrame: FC<AuthAndFrameProps> = ({ children }) => {
16+
export const AuthAndFrame: FC<React.PropsWithChildren<AuthAndFrameProps>> = ({ children }) => {
1717
const styles = useStyles()
1818
const xServices = useContext(XServiceContext)
1919

site/src/components/AvatarData/AvatarData.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export interface AvatarDataProps {
1818
avatar?: React.ReactNode
1919
}
2020

21-
export const AvatarData: FC<AvatarDataProps> = ({
21+
export const AvatarData: FC<React.PropsWithChildren<AvatarDataProps>> = ({
2222
title,
2323
subtitle,
2424
link,

site/src/components/BorderedMenu/BorderedMenu.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export type BorderedMenuProps = Omit<PopoverProps, "variant"> & {
88
variant?: BorderedMenuVariant
99
}
1010

11-
export const BorderedMenu: FC<BorderedMenuProps> = ({ children, variant, ...rest }) => {
11+
export const BorderedMenu: FC<React.PropsWithChildren<BorderedMenuProps>> = ({ children, variant, ...rest }) => {
1212
const styles = useStyles()
1313

1414
return (

site/src/components/BorderedMenuRow/BorderedMenuRow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ interface BorderedMenuRowProps {
2626
onClick?: () => void
2727
}
2828

29-
export const BorderedMenuRow: FC<BorderedMenuRowProps> = ({
29+
export const BorderedMenuRow: FC<React.PropsWithChildren<BorderedMenuRowProps>> = ({
3030
active,
3131
description,
3232
Icon,

site/src/components/BuildsTable/BuildsTable.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export interface BuildsTableProps {
3030
className?: string
3131
}
3232

33-
export const BuildsTable: FC<BuildsTableProps> = ({ builds, className }) => {
33+
export const BuildsTable: FC<React.PropsWithChildren<BuildsTableProps>> = ({ builds, className }) => {
3434
const { username, workspace: workspaceName } = useParams()
3535
const isLoading = !builds
3636
const theme: Theme = useTheme()

site/src/components/CliAuthToken/CliAuthToken.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export interface CliAuthTokenProps {
88
sessionToken: string
99
}
1010

11-
export const CliAuthToken: FC<CliAuthTokenProps> = ({ sessionToken }) => {
11+
export const CliAuthToken: FC<React.PropsWithChildren<CliAuthTokenProps>> = ({ sessionToken }) => {
1212
const styles = useStyles()
1313
return (
1414
<Paper className={styles.container}>

site/src/components/CodeBlock/CodeBlock.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ export interface CodeBlockProps {
99
className?: string
1010
}
1111

12-
export const CodeBlock: FC<CodeBlockProps> = ({ lines, ctas, className = "" }) => {
12+
export const CodeBlock: FC<React.PropsWithChildren<CodeBlockProps>> = ({ lines, ctas, className = "" }) => {
1313
const styles = useStyles()
1414

1515
return (

site/src/components/CodeExample/CodeExample.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ export interface CodeExampleProps {
1313
/**
1414
* Component to show single-line code examples, with a copy button
1515
*/
16-
export const CodeExample: FC<CodeExampleProps> = ({ code, className, buttonClassName }) => {
16+
export const CodeExample: FC<React.PropsWithChildren<CodeExampleProps>> = ({ code, className, buttonClassName }) => {
1717
const styles = useStyles()
1818

1919
return (

site/src/components/ConfirmDialog/ConfirmDialog.test.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { WrapperComponent } from "../../testHelpers/renderHelpers"
55
import { ConfirmDialog, ConfirmDialogProps } from "./ConfirmDialog"
66

77
namespace Helpers {
8-
export const Component: FC<ConfirmDialogProps> = (props: ConfirmDialogProps) => {
8+
export const Component: FC<React.PropsWithChildren<ConfirmDialogProps>> = (props: ConfirmDialogProps) => {
99
return (
1010
<WrapperComponent>
1111
<ConfirmDialog {...props} />

site/src/components/ConfirmDialog/ConfirmDialog.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ const useStyles = makeStyles((theme) => ({
7878
* Quick-use version of the Dialog component with slightly alternative styles,
7979
* great to use for dialogs that don't have any interaction beyond yes / no.
8080
*/
81-
export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
81+
export const ConfirmDialog: React.FC<React.PropsWithChildren<ConfirmDialogProps>> = ({
8282
cancelText,
8383
confirmLoading,
8484
confirmText,

site/src/components/CopyButton/CopyButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ interface CopyButtonProps {
1616
/**
1717
* Copy button used inside the CodeBlock component internally
1818
*/
19-
export const CopyButton: React.FC<CopyButtonProps> = ({
19+
export const CopyButton: React.FC<React.PropsWithChildren<CopyButtonProps>> = ({
2020
text,
2121
ctaCopy,
2222
wrapperClassName = "",

site/src/components/CreateUserForm/CreateUserForm.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ const validationSchema = Yup.object({
3535
username: nameValidator(Language.usernameLabel),
3636
})
3737

38-
export const CreateUserForm: FC<CreateUserFormProps> = ({
38+
export const CreateUserForm: FC<React.PropsWithChildren<CreateUserFormProps>> = ({
3939
onSubmit,
4040
onCancel,
4141
formErrors,

site/src/components/DeleteWorkspaceDialog/DeleteWorkspaceDialog.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export interface DeleteWorkspaceDialogProps {
1212
handleCancel: () => void
1313
}
1414

15-
export const DeleteWorkspaceDialog: React.FC<DeleteWorkspaceDialogProps> = ({
15+
export const DeleteWorkspaceDialog: React.FC<React.PropsWithChildren<DeleteWorkspaceDialogProps>> = ({
1616
isOpen,
1717
handleCancel,
1818
handleConfirm,

site/src/components/Dialog/Dialog.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ export interface DialogTitleProps {
2222
/**
2323
* Override of Material UI's DialogTitle that allows for a supertitle and background icon
2424
*/
25-
export const DialogTitle: React.FC<DialogTitleProps> = ({ title, icon: Icon, superTitle }) => {
25+
export const DialogTitle: React.FC<React.PropsWithChildren<DialogTitleProps>> = ({ title, icon: Icon, superTitle }) => {
2626
const styles = useTitleStyles()
2727
return (
2828
<MuiDialogTitle disableTypography>
@@ -92,7 +92,7 @@ const typeToColor = (type: ConfirmDialogType): LoadingButtonProps["color"] => {
9292
/**
9393
* Quickly handles most modals actions, some combination of a cancel and confirm button
9494
*/
95-
export const DialogActionButtons: React.FC<DialogActionButtonsProps> = ({
95+
export const DialogActionButtons: React.FC<React.PropsWithChildren<DialogActionButtonsProps>> = ({
9696
cancelText = "Cancel",
9797
confirmText = "Confirm",
9898
confirmLoading = false,
@@ -309,7 +309,7 @@ export type DialogSearchProps = Omit<
309309
* Formats a search bar right below the title of a Dialog. Passes all props
310310
* through to the Material UI OutlinedInput component contained within.
311311
*/
312-
export const DialogSearch: React.FC<DialogSearchProps> = (props) => {
312+
export const DialogSearch: React.FC<React.PropsWithChildren<DialogSearchProps>> = (props) => {
313313
const styles = useSearchStyles()
314314
return (
315315
<div className={styles.root}>
@@ -356,7 +356,7 @@ export type DialogProps = MuiDialogProps
356356
*
357357
* See original component's Material UI documentation here: https://material-ui.com/components/dialogs/
358358
*/
359-
export const Dialog: React.FC<DialogProps> = (props) => {
359+
export const Dialog: React.FC<React.PropsWithChildren<DialogProps>> = (props) => {
360360
// Wrapped so we can add custom attributes below
361361
return <MuiDialog {...props} />
362362
}

site/src/components/DropdownArrows/DropdownArrows.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,12 +15,12 @@ const useStyles = makeStyles((theme: Theme) => ({
1515
},
1616
}))
1717

18-
export const OpenDropdown: FC = () => {
18+
export const OpenDropdown: FC<React.PropsWithChildren<unknown>> = () => {
1919
const styles = useStyles()
2020
return <KeyboardArrowDown className={styles.arrowIcon} />
2121
}
2222

23-
export const CloseDropdown: FC = () => {
23+
export const CloseDropdown: FC<React.PropsWithChildren<unknown>> = () => {
2424
const styles = useStyles()
2525
return <KeyboardArrowUp className={`${styles.arrowIcon} ${styles.arrowIconUp}`} />
2626
}

site/src/components/EmptyState/EmptyState.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export interface EmptyStateProps {
2323
* EmptyState's props extend the [Material UI Box component](https://material-ui.com/components/box/)
2424
* that you can directly pass props through to to customize the shape and layout of it.
2525
*/
26-
export const EmptyState: FC<EmptyStateProps> = (props) => {
26+
export const EmptyState: FC<React.PropsWithChildren<EmptyStateProps>> = (props) => {
2727
const { message, description, cta, descriptionClassName, className, ...boxProps } = props
2828
const styles = useStyles()
2929

site/src/components/EnterpriseSnackbar/EnterpriseSnackbar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ export interface EnterpriseSnackbarProps extends MuiSnackbarProps {
2525
*
2626
* See original component's Material UI documentation here: https://material-ui.com/components/snackbars/
2727
*/
28-
export const EnterpriseSnackbar: FC<EnterpriseSnackbarProps> = ({
28+
export const EnterpriseSnackbar: FC<React.PropsWithChildren<EnterpriseSnackbarProps>> = ({
2929
onClose,
3030
variant = "info",
3131
ContentProps = {},

site/src/components/ErrorSummary/ErrorSummary.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export interface ErrorSummaryProps {
2323
defaultMessage?: string
2424
}
2525

26-
export const ErrorSummary: FC<ErrorSummaryProps> = ({
26+
export const ErrorSummary: FC<React.PropsWithChildren<ErrorSummaryProps>> = ({
2727
error,
2828
retry,
2929
dismissible,

site/src/components/Footer/Footer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export interface FooterProps {
1818
buildInfo?: TypesGen.BuildInfoResponse
1919
}
2020

21-
export const Footer: React.FC<FooterProps> = ({ buildInfo }) => {
21+
export const Footer: React.FC<React.PropsWithChildren<FooterProps>> = ({ buildInfo }) => {
2222
const styles = useFooterStyles()
2323

2424
const githubUrl = `https://github.com/coder/coder/issues/new?labels=needs+grooming&body=${encodeURIComponent(`Version: [\`${buildInfo?.version}\`](${buildInfo?.external_url})

site/src/components/FormCloseButton/FormCloseButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ export interface FormCloseButtonProps {
88
onClose: () => void
99
}
1010

11-
export const FormCloseButton: React.FC<FormCloseButtonProps> = ({ onClose }) => {
11+
export const FormCloseButton: React.FC<React.PropsWithChildren<FormCloseButtonProps>> = ({ onClose }) => {
1212
const styles = useStyles()
1313

1414
useEffect(() => {

site/src/components/FormFooter/FormFooter.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ const useStyles = makeStyles((theme) => ({
2828
},
2929
}))
3030

31-
export const FormFooter: FC<FormFooterProps> = ({
31+
export const FormFooter: FC<React.PropsWithChildren<FormFooterProps>> = ({
3232
onCancel,
3333
isLoading,
3434
submitLabel = Language.defaultSubmitLabel,

site/src/components/FormSection/FormSection.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export const useStyles = makeStyles((theme) => ({
3939
},
4040
}))
4141

42-
export const FormSection: FC<FormSectionProps> = ({ title, description, children }) => {
42+
export const FormSection: FC<React.PropsWithChildren<FormSectionProps>> = ({ title, description, children }) => {
4343
const styles = useStyles()
4444

4545
return (

site/src/components/FormTextField/FormTextField.test.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ namespace Helpers {
1111

1212
export const requiredValidationMsg = "required"
1313

14-
export const Component: FC<Omit<FormTextFieldProps<FormValues>, "form" | "formFieldName">> = (
14+
export const Component: FC<React.PropsWithChildren<Omit<FormTextFieldProps<FormValues>, "form" | "formFieldName">>> = (
1515
props,
1616
) => {
1717
const form = useFormik<FormValues>({

site/src/components/FormTitle/FormTitle.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const useStyles = makeStyles((theme) => ({
1818
},
1919
}))
2020

21-
export const FormTitle: FC<FormTitleProps> = ({ title, detail }) => {
21+
export const FormTitle: FC<React.PropsWithChildren<FormTitleProps>> = ({ title, detail }) => {
2222
const styles = useStyles()
2323

2424
return (

site/src/components/FullPageForm/FullPageForm.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const useStyles = makeStyles(() => ({
1919
},
2020
}))
2121

22-
export const FullPageForm: FC<FullPageFormProps> = ({ title, detail, onCancel, children }) => {
22+
export const FullPageForm: FC<React.PropsWithChildren<FullPageFormProps>> = ({ title, detail, onCancel, children }) => {
2323
const styles = useStyles()
2424
return (
2525
<main className={styles.root}>

site/src/components/GlobalSnackbar/GlobalSnackbar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ const variantFromMsgType = (type: MsgType) => {
2525
}
2626
}
2727

28-
export const GlobalSnackbar: React.FC = () => {
28+
export const GlobalSnackbar: React.FC<React.PropsWithChildren<unknown>> = () => {
2929
const styles = useStyles()
3030
const [open, setOpen] = useState<boolean>(false)
3131
const [notification, setNotification] = useState<NotificationMsg>()

site/src/components/Loader/FullScreenLoader.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export const useStyles = makeStyles((theme) => ({
1616
},
1717
}))
1818

19-
export const FullScreenLoader: FC = () => {
19+
export const FullScreenLoader: FC<React.PropsWithChildren<unknown>> = () => {
2020
const styles = useStyles()
2121

2222
return (

site/src/components/Loader/Loader.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import Box from "@material-ui/core/Box"
22
import CircularProgress from "@material-ui/core/CircularProgress"
33
import { FC } from "react"
44

5-
export const Loader: FC<{ size?: number }> = ({ size = 26 }) => {
5+
export const Loader: FC<React.PropsWithChildren<{ size?: number }>> = ({ size = 26 }) => {
66
return (
77
<Box p={4} width="100%" display="flex" alignItems="center" justifyContent="center">
88
<CircularProgress size={size} />

site/src/components/LoadingButton/LoadingButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export interface LoadingButtonProps extends ButtonProps {
1717
* In Material-UI 5+ - this is built-in, but since we're on an earlier version,
1818
* we have to roll our own.
1919
*/
20-
export const LoadingButton: FC<LoadingButtonProps> = ({
20+
export const LoadingButton: FC<React.PropsWithChildren<LoadingButtonProps>> = ({
2121
loading = false,
2222
loadingLabel,
2323
children,

site/src/components/Logs/Logs.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export interface LogsProps {
1414
className?: string
1515
}
1616

17-
export const Logs: FC<LogsProps> = ({ lines, className = "" }) => {
17+
export const Logs: FC<React.PropsWithChildren<LogsProps>> = ({ lines, className = "" }) => {
1818
const styles = useStyles()
1919

2020
return (

site/src/components/Margins/Margins.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ interface MarginsProps {
2424
size?: Size
2525
}
2626

27-
export const Margins: FC<MarginsProps> = ({ children, size = "regular" }) => {
27+
export const Margins: FC<React.PropsWithChildren<MarginsProps>> = ({ children, size = "regular" }) => {
2828
const styles = useStyles({ maxWidth: widthBySize[size] })
2929
return <div className={styles.margins}>{children}</div>
3030
}

site/src/components/Navbar/Navbar.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import React, { useContext } from "react"
33
import { XServiceContext } from "../../xServices/StateContext"
44
import { NavbarView } from "../NavbarView/NavbarView"
55

6-
export const Navbar: React.FC = () => {
6+
export const Navbar: React.FC<React.PropsWithChildren<unknown>> = () => {
77
const xServices = useContext(XServiceContext)
88
const [authState, authSend] = useActor(xServices.authXService)
99
const { me } = authState.context

0 commit comments

Comments
 (0)