Fix PropsWithChildren<unknown>

src/renderer/components/alert.tsx

@@ -7,7 +7,7 @@
 import React from 'react'
 import type { PropsWithChildren } from 'react'
 
-function Alert({ children }: PropsWithChildren<unknown>) {
+function Alert({ children }: PropsWithChildren) {
   return (
     <div className="mt-3 flex items-center gap-2 p-2 text-sm text-red-700 dark:text-red-400">
       {children}

src/renderer/components/dialog/dialog-changelog.tsx

@@ -50,39 +50,39 @@ function Img({ src, alt, ...props }: ImgHTMLAttributes<HTMLImageElement>) {
   )
 }
 
-function HeadingOne({ children }: PropsWithChildren<unknown>) {
+function HeadingOne({ children }: PropsWithChildren) {
   return (
     <Typography component="h1" gutterBottom variant="h3">
       {children}
     </Typography>
   )
 }
 
-function HeadingTwo({ children }: PropsWithChildren<unknown>) {
+function HeadingTwo({ children }: PropsWithChildren) {
   return (
     <Typography component="h2" gutterBottom variant="h4">
       {children}
     </Typography>
   )
 }
 
-function HeadingThree({ children }: PropsWithChildren<unknown>) {
+function HeadingThree({ children }: PropsWithChildren) {
   return (
     <Typography className="mt-2" component="h3" gutterBottom variant="h5">
       {children}
     </Typography>
   )
 }
 
-function HeadingFive({ children }: PropsWithChildren<unknown>) {
+function HeadingFive({ children }: PropsWithChildren) {
   return (
     <Typography component="h5" gutterBottom variant="h6">
       {children}
     </Typography>
   )
 }
 
-function Paragraph({ children }: PropsWithChildren<unknown>) {
+function Paragraph({ children }: PropsWithChildren) {
   return <Typography>{children}</Typography>
 }
 
@@ -94,11 +94,11 @@ function Code({ children }: { children: ReactNode[] }) {
   )
 }
 
-function UnorderedList({ children }: PropsWithChildren<unknown>) {
+function UnorderedList({ children }: PropsWithChildren) {
   return <List disablePadding>{children}</List>
 }
 
-function HtmlListItem({ children }: PropsWithChildren<unknown>) {
+function HtmlListItem({ children }: PropsWithChildren) {
   return (
     <ListItem disablePadding>
       <ListItemText primary={children} />

src/renderer/hooks/use-app.tsx

@@ -38,7 +38,7 @@ const Context = React.createContext({} as AppContext)
 const _refresh$ = new Subject<Config>()
 const _onRefreshConfig = _refresh$.asObservable()
 
-function AppProvider({ children }: React.PropsWithChildren<unknown>) {
+function AppProvider({ children }: React.PropsWithChildren) {
   const [config, setConfig] = useState<Config>({} as Config)
   const [groups, setGroups] = useState<Group[]>([])
   const [isShowChangelogs, setShowChangelogs] = useState(false)

src/renderer/hooks/use-compilation.tsx

@@ -53,7 +53,7 @@ const whenCompileScriptFinish = (
   })
 }
 
-function CompilationProvider({ children }: React.PropsWithChildren<unknown>) {
+function CompilationProvider({ children }: React.PropsWithChildren) {
   const [compilationScripts, setCompilationScripts] = useState<
     ScriptRenderer[]
   >([])

src/renderer/hooks/use-drawer.tsx

@@ -14,7 +14,7 @@ type DrawerContext = [boolean, Dispatch<SetStateAction<boolean>>]
 
 const Context = createContext([true, () => true] as DrawerContext)
 
-function DrawerProvider({ children }: React.PropsWithChildren<unknown>) {
+function DrawerProvider({ children }: React.PropsWithChildren) {
   const [isDrawerExpandLS, setDrawerExpandLS] = useLocalStorage(
     LocalStorage.drawerExpand,
     'false',

src/renderer/hooks/use-focus.tsx

@@ -11,7 +11,7 @@ const Context = createContext<boolean>(true)
 
 const hasFocus = () => document.hasFocus()
 
-function FocusProvider({ children }: PropsWithChildren<unknown>) {
+function FocusProvider({ children }: PropsWithChildren) {
   const [isFocus, setFocus] = useState(hasFocus)
 
   useEffect(() => {

src/renderer/hooks/use-initialization.tsx

@@ -35,9 +35,7 @@ type CheckUpdateReturn =
 
 const Context = createContext({} as InitializationContext)
 
-function InitializationProvider({
-  children,
-}: React.PropsWithChildren<unknown>) {
+function InitializationProvider({ children }: React.PropsWithChildren) {
   const [done, setDone] = useState(false)
   const [latestVersion, setLatestVersion] = useState<string | undefined>()
   const {

src/renderer/hooks/use-recent-files.tsx

@@ -35,7 +35,7 @@ const Context = createContext({} as RecentFilesContext)
 const recentFiles$ = new Subject<Script[]>()
 const onRecentFilesChanges = recentFiles$.asObservable()
 
-function RecentFilesProvider({ children }: React.PropsWithChildren<unknown>) {
+function RecentFilesProvider({ children }: React.PropsWithChildren) {
   const { send } = useTelemetry()
   const [recentFiles, setRecentFilesMemory] = useState<Script[]>([])
   const [isMoreDetails, setMoreDetails] = useLocalStorage(

src/renderer/hooks/use-telemetry.tsx

@@ -23,7 +23,7 @@ interface TelemetryContext {
 
 const Context = createContext({} as TelemetryContext)
 
-function TelemetryProvider({ children }: React.PropsWithChildren<unknown>) {
+function TelemetryProvider({ children }: React.PropsWithChildren) {
   const { config } = useApp()
 
   const sendTelemetry = (

src/renderer/hooks/use-version.tsx

@@ -11,7 +11,7 @@ type VersionContext = [string, Dispatch<SetStateAction<string>>]
 
 const Context = createContext(['', () => ''] as VersionContext)
 
-function VersionProvider({ children }: React.PropsWithChildren<unknown>) {
+function VersionProvider({ children }: React.PropsWithChildren) {
   const [version, setVersion] = useState('')
 
   return (

src/renderer/mui-theme.tsx

@@ -16,7 +16,7 @@ import { useIsDarkTheme } from './hooks/use-is-dark-theme'
 import { usePlatform } from './hooks/use-platform'
 import type { PaletteMode, PaletteOptions } from '@mui/material'
 
-function MuiTheme({ children }: React.PropsWithChildren<unknown>) {
+function MuiTheme({ children }: React.PropsWithChildren) {
   const isDarkTheme = useIsDarkTheme()
   const platform = usePlatform()
   const mode: PaletteMode = isDarkTheme ? 'dark' : 'light'

src/renderer/pages/settings/use-settings.tsx

@@ -22,7 +22,7 @@ interface SettingsContext {
 
 const Context = createContext({} as SettingsContext)
 
-function SettingsProvider({ children }: React.PropsWithChildren<unknown>) {
+function SettingsProvider({ children }: React.PropsWithChildren) {
   const [configError, setConfigError] = useState<BadError>(false)
 
   const checkConfig: SettingsContext['checkConfig'] = useCallback(