chore: remove-jsx-element return type

examples/index.tsx

@@ -42,9 +42,13 @@ function SpinnerExamples() {
           <button onClick={togglePicker}>Change Color</button>
         )}
       </div>
-
       {Object.entries(Spinners).map(([name, loader]) => (
-        <LoaderItem key={`loader-${name}`} color={color} name={name} Spinner={loader} />
+        <LoaderItem
+          key={`loader-${name}`}
+          color={color}
+          name={name}
+          Spinner={loader as React.ComponentType<any>}
+        />
       ))}
     </div>
   );

scripts/mod.rb

@@ -41,7 +41,7 @@ def camelize(string)
    "  css = {},",
    "  #{props}",
    "  ...additionalprops",
-   "}: #{$1}): React.JSX.Element | null  {"].join("\n")
+   "}: #{$1})  {"].join("\n")
 end
 
 content.sub!(/public static defaultProps = .+;/, "")
@@ -67,7 +67,7 @@ def camelize(string)
 content.gsub!("css=", "style=")
 content.gsub!("{this.", "{")
 
-content.gsub!("public render(): React.JSX.Element | null  {", "")
+content.gsub!("public render()  {", "")
 content.gsub!(/}\n\s+}/, "}")
 
 content.gsub!("return loading ? (", "if (!loading) { return null; }\n\n return (")

src/BarLoader.tsx

@@ -25,7 +25,7 @@ function BarLoader({
   height = 4,
   width = 100,
   ...additionalprops
-}: LoaderHeightWidthProps): React.JSX.Element | null {
+}: LoaderHeightWidthProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     position: "relative",

src/BeatLoader.tsx

@@ -19,7 +19,7 @@ function BeatLoader({
   size = 15,
   margin = 2,
   ...additionalprops
-}: LoaderSizeMarginProps): React.JSX.Element | null {
+}: LoaderSizeMarginProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     ...cssOverride,

src/BounceLoader.tsx

@@ -17,7 +17,7 @@ function BounceLoader({
   cssOverride = {},
   size = 60,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const style = (i: number): React.CSSProperties => {
     const animationTiming = i === 1 ? `${1 / speedMultiplier}s` : "0s";
     return {

src/CircleLoader.tsx

@@ -17,7 +17,7 @@ function CircleLoader({
   cssOverride = {},
   size = 50,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     position: "relative",

src/ClimbingBoxLoader.tsx

@@ -27,7 +27,7 @@ function ClimbingBoxLoader({
   cssOverride = {},
   size = 15,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const container: React.CSSProperties = {
     display: "inherit",
     position: "relative",

src/ClipLoader.tsx

@@ -17,7 +17,7 @@ function ClipLoader({
   cssOverride = {},
   size = 35,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const style: React.CSSProperties = {
     background: "transparent !important",
     width: cssValue(size),

src/ClockLoader.tsx

@@ -13,7 +13,7 @@ function ClockLoader({
   cssOverride = {},
   size = 50,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const { value, unit } = parseLengthAndUnit(size);
 
   const wrapper: React.CSSProperties = {

src/DotLoader.tsx

@@ -19,7 +19,7 @@ function DotLoader({
   cssOverride = {},
   size = 60,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     position: "relative",

src/FadeLoader.tsx

@@ -16,7 +16,7 @@ function FadeLoader({
   radius = 2,
   margin = 2,
   ...additionalprops
-}: LoaderHeightWidthRadiusProps): React.JSX.Element | null {
+}: LoaderHeightWidthRadiusProps) {
   const { value } = parseLengthAndUnit(margin);
   const radiusValue = value + 18;
   const quarter = radiusValue / 2 + radiusValue / 5.5;

src/GridLoader.tsx

@@ -20,7 +20,7 @@ function GridLoader({
   size = 15,
   margin = 2,
   ...additionalprops
-}: LoaderSizeMarginProps): React.JSX.Element | null {
+}: LoaderSizeMarginProps) {
   const sizeWithUnit = parseLengthAndUnit(size);
   const marginWithUnit = parseLengthAndUnit(margin);
 

src/HashLoader.tsx

@@ -12,7 +12,7 @@ function HashLoader({
   cssOverride = {},
   size = 50,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const { value, unit } = parseLengthAndUnit(size);
 
   const wrapper: React.CSSProperties = {

src/MoonLoader.tsx

@@ -13,7 +13,7 @@ function MoonLoader({
   cssOverride = {},
   size = 60,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const { value, unit } = parseLengthAndUnit(size);
   const moonSize = Math.round(value / 7);
 

src/PacmanLoader.tsx

@@ -25,7 +25,7 @@ function PacmanLoader({
   size = 25,
   margin = 2,
   ...additionalprops
-}: LoaderSizeMarginProps): React.JSX.Element | null {
+}: LoaderSizeMarginProps) {
   const { value, unit } = parseLengthAndUnit(size);
 
   const wrapper: React.CSSProperties = {

src/PropagateLoader.tsx

@@ -63,7 +63,7 @@ function PropagateLoader({
   cssOverride = {},
   size = 15,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const { value, unit } = parseLengthAndUnit(size);
 
   const wrapper: React.CSSProperties = {

src/PuffLoader.tsx

@@ -16,7 +16,7 @@ function PuffLoader({
   cssOverride = {},
   size = 60,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     position: "relative",

src/PulseLoader.tsx

@@ -18,7 +18,7 @@ function PulseLoader({
   size = 15,
   margin = 2,
   ...additionalprops
-}: LoaderSizeMarginProps): React.JSX.Element | null {
+}: LoaderSizeMarginProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     ...cssOverride,

src/RingLoader.tsx

@@ -23,7 +23,7 @@ function RingLoader({
   cssOverride = {},
   size = 60,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const { value, unit } = parseLengthAndUnit(size);
 
   const wrapper: React.CSSProperties = {

src/RiseLoader.tsx

@@ -12,7 +12,7 @@ function RiseLoader({
   size = 15,
   margin = 2,
   ...additionalprops
-}: LoaderSizeMarginProps): React.JSX.Element | null {
+}: LoaderSizeMarginProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     ...cssOverride,

src/RotateLoader.tsx

@@ -18,7 +18,7 @@ function RotateLoader({
   size = 15,
   margin = 2,
   ...additionalprops
-}: LoaderSizeMarginProps): React.JSX.Element | null {
+}: LoaderSizeMarginProps) {
   const { value, unit } = parseLengthAndUnit(margin);
 
   const ball: React.CSSProperties = {

src/ScaleLoader.tsx

@@ -21,7 +21,7 @@ function ScaleLoader({
   margin = 2,
   barCount = 5,
   ...additionalprops
-}: LoaderHeightWidthRadiusProps & { barCount: number }): React.JSX.Element | null {
+}: LoaderHeightWidthRadiusProps & { barCount: number }) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     ...cssOverride,

src/SkewLoader.tsx

@@ -17,7 +17,7 @@ function SkewLoader({
   cssOverride = {},
   size = 20,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const style: React.CSSProperties = {
     width: "0",
     height: "0",

src/SquareLoader.tsx

@@ -20,7 +20,7 @@ function SquareLoader({
   cssOverride = {},
   size = 50,
   ...additionalprops
-}: LoaderSizeProps): React.JSX.Element | null {
+}: LoaderSizeProps) {
   const style: React.CSSProperties = {
     backgroundColor: color,
     width: cssValue(size),

src/SyncLoader.tsx

@@ -20,7 +20,7 @@ function SyncLoader({
   size = 15,
   margin = 2,
   ...additionalprops
-}: LoaderSizeMarginProps): React.JSX.Element | null {
+}: LoaderSizeMarginProps) {
   const wrapper: React.CSSProperties = {
     display: "inherit",
     ...cssOverride,