fix(ui): update environment context typing (#139)

Signed-off-by: Paul Schultz <[email protected]>

apps/website/src/lib/providers/environment-provider.tsx

@@ -16,21 +16,27 @@
 
 import Link from '@docusaurus/Link';
 import React, { memo, type ComponentProps } from 'react';
-import { EnvironmentContext } from 'ui/contexts';
+import { EnvironmentContext, type ImageProps } from 'ui/contexts';
 
 const LinkWrapper = memo((props: ComponentProps<'a'>) => {
   const { href, ...rest } = props;
 
   return <Link {...rest} to={href} />;
 });
 
+const ImageWrapper = memo((props: ImageProps) => (
+  // eslint-disable-next-line jsx-a11y/alt-text
+  <img {...props} />
+));
+
 export function EnvironmentProvider({ children }: { children: React.ReactNode }): JSX.Element {
   return (
     <EnvironmentContext.Provider
       // LinkWrapper has been memoized to avoid unnecessary re-renders
       // eslint-disable-next-line react/jsx-no-constructed-context-values
       value={{
         Link: LinkWrapper,
+        Image: ImageWrapper,
       }}
     >
       {children}

packages/ui/contexts/environment-context/environment-context.tsx

@@ -17,7 +17,7 @@
 // ImageProps line complains
 /* eslint-disable @typescript-eslint/indent */
 
-import React, { createContext, type ComponentProps } from 'react';
+import React, { createContext, type ComponentProps, type FunctionComponent } from 'react';
 
 export type LinkProps = Omit<ComponentProps<'a'>, 'href'> &
   Pick<Required<ComponentProps<'a'>>, 'href'>;
@@ -27,8 +27,8 @@ export type ImageProps = Omit<ComponentProps<'img'>, 'src' | 'alt'> &
   Pick<Required<ComponentProps<'img'>>, 'src' | 'alt'>;
 
 export const EnvironmentContext = createContext<{
-  Link?: React.FunctionComponent<ComponentProps<'a'>>;
-  Image?: React.FunctionComponent<ImageProps>;
+  Link: FunctionComponent<ComponentProps<'a'>>;
+  Image: FunctionComponent<ImageProps>;
 }>({
   // children will always exist
   // eslint-disable-next-line jsx-a11y/anchor-has-content