diff --git a/types/nuka-carousel/index.d.ts b/types/nuka-carousel/index.d.ts
index b06403e703..5481ae8b83 100644
--- a/types/nuka-carousel/index.d.ts
+++ b/types/nuka-carousel/index.d.ts
@@ -64,7 +64,7 @@ export interface SlideRenderControlProps {
   goToSlide: (index: number) => void;
 }
 
-export type RenderControl = (props: SlideRenderControlProps) => JSX.Element;
+export type RenderControl = (props: SlideRenderControlProps) => JSX.Element | null;
 
 export interface CarouselProps {
   /**
diff --git a/types/nuka-carousel/nuka-carousel-tests.tsx b/types/nuka-carousel/nuka-carousel-tests.tsx
index 03df5e6251..6ca021542c 100644
--- a/types/nuka-carousel/nuka-carousel-tests.tsx
+++ b/types/nuka-carousel/nuka-carousel-tests.tsx
@@ -25,7 +25,7 @@ const props: CarouselProps = {
 	renderCenterCenterControls: () => <button />,
 	renderCenterRightControls: () => <button />,
 	renderBottomLeftControls: () => <button />,
-	renderBottomCenterControls: () => <button />,
+	renderBottomCenterControls: () => null,
 	renderBottomRightControls: () => <button />,
 	slideIndex: 2,
 	slidesToScroll: 'auto',