Recursive react component

Fibonacci.tsx

/* I haven't seen anyone write about this, but I thought about it this morning in the shower and it works, why wouldn't it? 
JSX is just sugar for function calls (React.createElement). */

const Fib: React.FC<{
  start?: number;
  end: number;
  previous?: number[];
}> = ({ end, start = 2, previous = [1, 1] }) => {
  const memo = previous.concat(
    previous[previous.length - 1] + previous[previous.length - 2]
  );
  if (start >= end)
    return (
      <>
        {memo.map((num, i) => (
          <div key={i}>{num}</div>
        ))}
      </>
    );
  return <Fib end={end} start={start + 1} previous={memo} />;
};
  

Here's a codesandbox link to demo https://codesandbox.io/s/recursive-react-8iuol