diff --git a/packages/background/src/Patterns.tsx b/packages/background/src/Patterns.tsx
index 409b2c78..8e6007b9 100644
--- a/packages/background/src/Patterns.tsx
+++ b/packages/background/src/Patterns.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 type LinePatternProps = {
   dimensions: [number, number];
   lineWidth?: number;
@@ -27,6 +25,6 @@ type DotPatternProps = {
   color: string;
 };
 
-export const DotPattern = ({ color, radius }: DotPatternProps) => {
+export function DotPattern({ color, radius }: DotPatternProps) {
   return <circle cx={radius} cy={radius} r={radius} fill={color} />;
-};
+}